Fix Video build (#186)

* use getWindow, check window in componentDidMount

* Revert "use getWindow, check window in componentDidMount"

This reverts commit e9345c5.

* fix per @katydecorah's comment

* use local video file in test

* update changelog

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## master
+
+* Fix build error in `Video` component. [#186](https://github.com/mapbox/dr-ui/pull/186)
+
 ## 0.21.1
 
 * Add `environment` and `location` to the request in `Feedback`. [#184](https://github.com/mapbox/dr-ui/pull/184)

src/components/video/__tests__/__snapshots__/video.test.js.snap

@@ -7,7 +7,7 @@ exports[`video Basic renders as expected 1`] = `
     className="block mx-auto"
     loop={true}
     muted={true}
-    src="https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true"
+    src="./assets/browser-example.mp4"
     title="A video!"
     type="video/mp4"
     width="100%"
@@ -16,7 +16,7 @@ exports[`video Basic renders as expected 1`] = `
       Your browser doesn't support HTML5 video. Here is a
        
       <a
-        href="https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true"
+        href="./assets/browser-example.mp4"
       >
         link to the video
       </a>
@@ -32,7 +32,7 @@ exports[`video Reduced motion renders as expected 1`] = `
     className="block mx-auto"
     controls={true}
     muted={true}
-    src="https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true"
+    src="./assets/browser-example.mp4"
     title="A video!"
     type="video/mp4"
     width="100%"
@@ -41,7 +41,7 @@ exports[`video Reduced motion renders as expected 1`] = `
       Your browser doesn't support HTML5 video. Here is a
        
       <a
-        href="https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true"
+        href="./assets/browser-example.mp4"
       >
         link to the video
       </a>

src/components/video/__tests__/video-test-cases.js

@@ -7,8 +7,7 @@ testCases.basic = {
   component: Video,
   description: 'Basic',
   props: {
-    src:
-      'https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true',
+    src: './assets/browser-example.mp4',
     title: 'A video!'
   }
 };
@@ -17,8 +16,7 @@ noRenderCases.reducedMotion = {
   component: Video,
   description: 'Reduced motion',
   props: {
-    src:
-      'https://github.com/mapbox/android-docs/blob/publisher-production/src/video/example-bathymetry-activity.mp4?raw=true',
+    src: './assets/browser-example.mp4',
     title: 'A video!'
   }
 };

src/components/video/video.js

@@ -8,7 +8,7 @@ export default class Video extends React.Component {
       loop: true
     };
     const reducedMotion =
-      window !== 'undefined'
+      typeof window !== 'undefined'
         ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
         : false;
     if (reducedMotion) {