Tests passing again

Author: auser

README.md

@@ -2,7 +2,7 @@
 
 ![](http://d.pr/i/C7qr.png)
 
-> A declarative Google Map React component using React, lazy-loading dependencies, and a test-driven approach by the [fullstack react](https://fullstackreact.com) team.
+> A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the [fullstack react](https://fullstackreact.com) team.
 
 ## Quickstart
 
@@ -28,6 +28,16 @@ Usage:
 </Map>
 ```
 
+## Map
+
+The `<Map />` component _requires_ a `google` prop be included to work. Without the `google` prop, it will explode.
+
+```javascript
+<Map google={window.google} />
+```
+
+###
+
 ## Automatically Lazy-loading google api
 
 The library includes a helper to wrap around the google maps API. The `GoogleApiWrapper` Higher-Order component accepts a configuration object which *must* include an `apiKey`. See [lib/GoogleApi.js](https://github.com/fullstackreact/google-maps-react/blob/master/src/lib/GoogleApi.js#L4) for all options it accepts.

scripts/mocha_runner.js

@@ -23,4 +23,63 @@ global.navigator = {
 
 chai.use(spies);
 
+const google = {
+  maps: {
+    LatLng: function(lat, lng) {
+      return {
+        latitude: parseFloat(lat),
+        longitude: parseFloat(lng),
+
+        lat: function() {
+          return this.latitude;
+        },
+        lng: function() {
+          return this.longitude;
+        }
+      };
+    },
+    LatLngBounds: function(ne, sw) {
+      return {
+        getSouthWest: function() {
+          return sw;
+        },
+        getNorthEast: function() {
+          return ne;
+        }
+      };
+    },
+    OverlayView: function() {
+      return {};
+    },
+    InfoWindow: function() {
+      return {};
+    },
+    Marker: function() {
+      return {
+        addListener: function() {}
+      };
+    },
+    MarkerImage: function() {
+      return {};
+    },
+    Map: function() {
+      return {
+        addListener: function() {},
+        trigger: function() {}
+      };
+    },
+    Point: function() {
+      return {};
+    },
+    Size: function() {
+      return {};
+    },
+    event: {
+      trigger: function() {}
+    }
+  }
+};
+
+global.google = google;
+
 documentRef = document;

src/__tests__/components/Marker.spec.js

@@ -11,7 +11,7 @@ import Marker from '../../components/Marker';
 // google.maps.LatLng = function(lat, lng, opt_noWrap) {};
 
 describe('Marker', () => {
-  let map = null, google = null;
+  let map = null, google = global.google;
   let sandbox;
   let LatLng = null;
   let location;
@@ -22,58 +22,6 @@ describe('Marker', () => {
     map = {}
     location = {lat: 37.759703, lng: -122.428093}
 
-    google = {
-    	maps: {
-    		LatLng: function(lat, lng) {
-    			return {
-    				latitude: parseFloat(lat),
-    				longitude: parseFloat(lng),
-
-    				lat: function() {
-              return this.latitude;
-            },
-    				lng: function() {
-              return this.longitude;
-            }
-    			};
-    		},
-    		LatLngBounds: function(ne, sw) {
-    			return {
-    				getSouthWest: function() {
-              return sw;
-            },
-    				getNorthEast: function() {
-              return ne;
-            }
-    			};
-    		},
-    		OverlayView: function() {
-    			return {};
-    		},
-    		InfoWindow: function() {
-    			return {};
-    		},
-    		Marker: function() {
-    			return {
-            addListener: function() {}
-          };
-    		},
-    		MarkerImage: function() {
-    			return {};
-    		},
-    		Map: function() {
-    			return {};
-    		},
-    		Point: function() {
-    			return {};
-    		},
-    		Size: function() {
-    			return {};
-    		}
-    	}
-    };
-
-
     sandbox.stub(google.maps, 'Map').returns(google.maps.Map);
     // sandbox.stub(google.maps, 'Marker').returns(google.maps.Marker);
   })

src/__tests__/index.js

@@ -3,3 +3,23 @@ import React from 'react';
 import {shallow, mount, render} from 'enzyme';
 import {expect} from 'chai';
 import sinon from 'sinon';
+
+import Map from '../index';
+
+describe('Map', () => {
+  let wrapper;
+
+  describe('google prop', () => {
+    it('explodes without a `google` prop', () => {
+      expect(() => mount(<Map />)).to.throw(Error);
+    });
+
+    it('does not explode with a `google` prop', () => {
+      expect(() => mount(
+        <Map
+          google={global.google} />
+      )).not.to.throw(Error);
+    });
+  });
+
+})

src/index.js

@@ -29,7 +29,7 @@ export class Map extends React.Component {
         super(props)
 
         invariant(!!props.google, 'You must include a `google` prop.');
-        
+
         this.listeners = {}
         this.state = {
           currentLocation: {
@@ -179,7 +179,7 @@ export class Map extends React.Component {
 };
 
 Map.propTypes = {
-  google: T.object.isRequired,
+  google: T.object,
   zoom: T.number,
   centerAroundCurrentLocation: T.bool,
   initialCenter: T.object,