test: add <LocationSensor> tests

Author: streamich

package.json

@@ -28,32 +28,34 @@
     "prop-types": "15"
   },
   "devDependencies": {
-    "jest": "22.1.2",
-    "jest-tap-reporter": "1.9.0",
-    "ts-jest": "22.0.1",
-    "typescript": "2.6.2",
-    "ts-loader": "3.2.0",
-    "webpack": "3.10.0",
-    "ts-node": "4.1.0",
-    "rimraf": "2.6.2",
+    "@storybook/addon-actions": "^3.3.10",
+    "@storybook/addon-links": "^3.3.10",
+    "@storybook/react": "^3.3.10",
+    "@types/chai": "4.1.1",
+    "@types/jest": "22.0.1",
+    "@types/node": "9.3.0",
+    "@types/react": "15",
+    "chai": "4.1.2",
     "enzyme": "3.3.0",
     "enzyme-adapter-react-15": "1.0.5",
     "enzyme-to-json": "3.3.0",
-    "react-test-renderer": "15",
-    "mol-conventional-changelog": "1.2.0",
+    "gulp": "3.9.1",
+    "gulp-typescript": "3",
+    "jest": "22.1.2",
+    "jest-environment-jsdom": "^22.1.4",
+    "jest-environment-jsdom-global": "^1.0.3",
+    "jest-tap-reporter": "1.9.0",
     "mocha": "5.0.0",
-    "chai": "4.1.2",
+    "mol-conventional-changelog": "1.2.0",
     "react-markdown": "3.1.4",
+    "react-test-renderer": "15",
+    "rimraf": "2.6.2",
     "to-string-loader": "1.1.5",
-    "gulp": "3.9.1",
-    "gulp-typescript": "3",
-    "@types/node": "9.3.0",
-    "@types/jest": "22.0.1",
-    "@types/chai": "4.1.1",
-    "@types/react": "15",
-    "@storybook/react": "^3.3.10",
-    "@storybook/addon-actions": "^3.3.10",
-    "@storybook/addon-links": "^3.3.10"
+    "ts-jest": "22.0.1",
+    "ts-loader": "3.2.0",
+    "ts-node": "4.1.0",
+    "typescript": "2.6.2",
+    "webpack": "3.10.0"
   },
   "config": {
     "commitizen": {
@@ -89,6 +91,7 @@
     ],
     "reporters": [
       "jest-tap-reporter"
-    ]
+    ],
+    "testEnvironment": "jest-environment-jsdom-global"
   }
 }

src/LocationSensor/__tests__/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,69 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<LocationSensor> re-renders on popstate 1`] = `
+Object {
+  "hash": "",
+  "host": "example.com",
+  "hostname": "example.com",
+  "href": "https://example.com/foobar",
+  "length": 1,
+  "origin": "https://example.com",
+  "pathname": "/foobar",
+  "port": "",
+  "protocol": "https:",
+  "search": "",
+  "state": null,
+  "trigger": "popstate",
+}
+`;
+
+exports[`<LocationSensor> re-renders on pushstate 1`] = `
+Object {
+  "hash": "",
+  "host": "example.com",
+  "hostname": "example.com",
+  "href": "https://example.com/foobar",
+  "length": 1,
+  "origin": "https://example.com",
+  "pathname": "/foobar",
+  "port": "",
+  "protocol": "https:",
+  "search": "",
+  "state": null,
+  "trigger": "pushstate",
+}
+`;
+
+exports[`<LocationSensor> re-renders on replacestate 1`] = `
+Object {
+  "hash": "",
+  "host": "example.com",
+  "hostname": "example.com",
+  "href": "https://example.com/foobar",
+  "length": 1,
+  "origin": "https://example.com",
+  "pathname": "/foobar",
+  "port": "",
+  "protocol": "https:",
+  "search": "",
+  "state": null,
+  "trigger": "replacestate",
+}
+`;
+
+exports[`<LocationSensor> returns expected default state 1`] = `
+Object {
+  "hash": "",
+  "host": "example.com",
+  "hostname": "example.com",
+  "href": "https://example.com/",
+  "length": 1,
+  "origin": "https://example.com",
+  "pathname": "/",
+  "port": "",
+  "protocol": "https:",
+  "search": "",
+  "state": null,
+  "trigger": "load",
+}
+`;

src/LocationSensor/__tests__/index.test.tsx

@@ -0,0 +1,75 @@
+import {mount} from 'enzyme';
+import {h} from '../../util';
+import {LocationSensor} from '..';
+
+declare const jsdom;
+
+describe('<LocationSensor>', () => {
+  beforeEach(() => {
+    jsdom.reconfigure({
+      windowTop: window,
+      url: "https://example.com/"
+    });
+  });
+
+  it('is a component', () => {
+    expect(LocationSensor).toBeInstanceOf(Function);
+  });
+
+  it('renders without crashing', () => {
+    const wrapper = mount(
+      <LocationSensor>{(location) =>
+        null
+      }</LocationSensor>
+    );
+  });
+
+  it('returns expected default state', () => {
+    const wrapper = mount(
+      <LocationSensor>{(location) => {
+        expect(location).toMatchSnapshot();
+
+        return null;
+      }}</LocationSensor>
+    );
+  });
+
+
+  describe('re-renders on', () => {
+    const events = [
+      'pushstate',
+      'replacestate',
+      'popstate'
+    ];
+
+    events.forEach((eventName) => {
+      it(eventName, () => {
+        const paths = [];
+        const triggers = [];
+
+        const wrapper = mount(
+          <LocationSensor>{(location) => {
+            triggers.push(location.trigger);
+            paths.push(location.pathname);
+
+            return null;
+          }}</LocationSensor>
+        );
+
+        jsdom.reconfigure({
+          windowTop: window,
+          url: "https://example.com/foobar"
+        });
+
+        const event = new Event(eventName);
+
+        window.dispatchEvent(event);
+
+        wrapper.update();
+
+        expect(triggers).toEqual(['load', eventName]);
+        expect(paths).toEqual(['/', '/foobar']);
+      });
+    });
+  });
+});

src/LocationSensor/index.ts

@@ -100,7 +100,7 @@ export class LocationSensor extends Component<ILocationSensorProps, ILocationSen
       port,
       protocol,
       search
-    } = location;
+    } = window.location;
 
     return {
       trigger,