fix(Storybook): Ensure existing stories are rendering

danactive · Jul 13, 2020 · 77d800c · 77d800c
1 parent 79a08dd
commit 77d800c
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 11 deletions.
diff --git a/ui/app/components/VideoPlayerHtml5/tests/index.stories.jsx b/ui/app/components/VideoPlayerHtml5/tests/index.stories.jsx
@@ -14,7 +14,7 @@ export default {
 export const Video = () => (
   <VideoPlayerHTML5
     extension="mp4"
-    poster={`${CDN_HOST}/demo/media/photos/2012/2012-fireplace.jpg`}
-    src={`${CDN_HOST}/demo/media/videos/2012-fireplace.mp4`}
+    poster={`${CDN_HOST}/galleries/demo/media/photos/2012/2012-fireplace.jpg`}
+    src={`${CDN_HOST}/galleries/demo/media/videos/2012-fireplace.mp4`}
   />
 );
diff --git a/ui/app/containers/Walk/tests/ListFile.stories.jsx b/ui/app/containers/Walk/tests/ListFile.stories.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
 
 import ListFile from '../ListFile';
 import GenericList from '../../../components/GenericList';
@@ -34,12 +35,14 @@ export const ImagesWithNav = () => {
   const itemFiles = generateImageFilenames(8, 'jpgraw');
   addParentDirectoryNav(itemFiles, 'fake');
   return (
-    <GenericList
-      key="walk-GenericList"
-      component={ListFile}
-      items={organizeByMedia(itemFiles)}
-      loading={false}
-      error={false}
-    />
+    <BrowserRouter>
+      <GenericList
+        key="walk-GenericList"
+        component={ListFile}
+        items={organizeByMedia(itemFiles)}
+        loading={false}
+        error={false}
+      />
+    </BrowserRouter>
   );
 };
diff --git a/ui/app/containers/Walk/tests/Menu.stories.jsx b/ui/app/containers/Walk/tests/Menu.stories.jsx
@@ -1,12 +1,25 @@
 import React from 'react';
+import { Provider } from 'react-redux';
 
 import Menu from '../Menu';
 
+import configureStore from '../../../configureStore';
+
+const store = configureStore({});
+
 export default {
   title: 'Menu',
   component: Menu,
 };
 
-export const Default = () => <Menu />;
+export const Default = () => (
+  <Provider store={store}>
+    <Menu />
+  </Provider>
+);
 
-export const ShowMenu = () => <Menu showMenu />;
+export const ShowMenu = () => (
+  <Provider store={store}>
+    <Menu showMenu />
+  </Provider>
+);