make the component testable and test it

Author: no23reason

src/components/geolocated.js

@@ -11,14 +11,15 @@ const geolocated = (config) => (WrappedComponent) => {
             maximumAge: 0,
             timeout: Infinity,
         },
+        geolocationProvider: (config && config.geolocationProvider) || (typeof (navigator) !== 'undefined' && navigator.geolocation),
     };
 
     let result = class Geolocated extends Component {
         constructor(props) {
             super(props);
             this.state = {
                 coords: null,
-                isGeolocationAvailable: Boolean(navigator && navigator.geolocation),
+                isGeolocationAvailable: Boolean(activeConfig.geolocationProvider),
                 isGeolocationEnabled: true, // be optimistic
                 positionError: null,
             };
@@ -46,7 +47,11 @@ const geolocated = (config) => (WrappedComponent) => {
         }
 
         componentDidMount() {
-            navigator.geolocation.getCurrentPosition(this.onPositionSuccess, this.onPositionError, activeConfig.positionOptions);
+            const {geolocationProvider} = activeConfig;
+            if (!geolocationProvider || !geolocationProvider.getCurrentPosition) {
+                throw new Error('The provided geolocation provider is invalid');
+            }
+            geolocationProvider.getCurrentPosition(this.onPositionSuccess, this.onPositionError, activeConfig.positionOptions);
         }
 
         render() {

tests/geolocated_test.js

@@ -1,8 +1,52 @@
-import {geolocated} from '../src/index';
+import React, {Component} from 'react';
+import ReactDOM from 'react-dom';
+import TestUtils from 'react-addons-test-utils';
+import {geolocated, geoPropTypes} from '../src/index';
 
-describe('Geolocated', function() {
-  it('should export a function', function() {
+class SimpleComponent extends Component {
+  render() {
+    const {coords} = this.props;
+    return (<div>
+      {coords && coords.latitude}, {coords && coords.longitude}
+    </div>);
+  }
+}
+
+SimpleComponent.propTypes = {...SimpleComponent.propTypes, ...geoPropTypes };
+
+describe('Geolocated', () => {
+  it('should export a function', () => {
     expect(geolocated).to.exist;
     expect(geolocated).to.be.instanceof(Function);
   });
+
+  it('should inject the location', () => {
+    const mockGeolocationProvider = {
+      getCurrentPosition(onSuccess) {
+        return onSuccess({
+          coords: {
+            latitude: 50,
+            longitude: 20,
+          },
+        })
+      },
+    };
+
+    const Wrapped = geolocated({
+      geolocationProvider: mockGeolocationProvider,
+    })(SimpleComponent);
+
+    const rendered = TestUtils.renderIntoDocument(<Wrapped />);
+    const renderedNode = ReactDOM.findDOMNode(rendered);
+
+    expect(renderedNode.textContent).to.equal('50, 20');
+  });
+
+  it('should throw on invalid geolocation provider', () => {
+    const Wrapped = geolocated({
+      geolocationProvider: {},
+    })(SimpleComponent);
+
+    expect(() => TestUtils.renderIntoDocument(<Wrapped />)).to.throw();
+  });
 });