Unable to access/reach the map container (component) holding the google map
ShreeGiriKumar opened this issue · 0 comments
ShreeGiriKumar commented
How to access my functional component 'GoogleReactMap' which is holding the map,
`import React, { useState, useEffect } from "react";
import { Map, GoogleApiWrapper, Marker } from "google-maps-react";
function GoogleReactMap(props) {
return (
<Map
google={props.google}
zoom={8}
style={{
width: "380px",
height: "280px",
position: "relative"
}}
initialCenter={{ lat: props.lat, lng: props.long }}
>
<Marker position={{ lat: props.lat, lng: props.long }} />
</Map>
);
}
export default GoogleApiWrapper({
apiKey: "$$^%^$RTFGFDF"
})(GoogleReactMap);`
Jest & Enzyme, is able to only dive to the Google Map component,
`it('render google react map', () => {
const props = {
lat: "35.929673",
long: "-78.948237"
};
let wrapper = mount(<GoogleReactMap props={props} lat={"35.929673"} long={"-78.948237"} google={global.google} />);
expect(wrapper).toBeDefined();
});`
<Wrapper props={{...}} lat="35.929673" long="-78.948237" google={[undefined]}> <DefaultLoadingContainer> <div> Loading... </div> </DefaultLoadingContainer> </Wrapper>
Please help.