test: Storybook에 Router 추가

feb-dain · May 16, 2023 · fe4dad2 · fe4dad2
1 parent 0df6232
commit fe4dad2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/stories/components/common/Header.stories.tsx b/src/stories/components/common/Header.stories.tsx
@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/react';
+import { BrowserRouter } from 'react-router-dom';
 import { RecoilRoot } from 'recoil';
 import HeaderComponent from '../../../components/common/Header';
 
@@ -9,11 +10,13 @@ const meta = {
   decorators: [
     (Story) => {
       return (
-        <RecoilRoot>
-          <div style={{ width: 'calc(100vw - 32vw)' }}>
-            <Story />
-          </div>
-        </RecoilRoot>
+        <BrowserRouter>
+          <RecoilRoot>
+            <div style={{ width: 'calc(100vw - 32vw)' }}>
+              <Story />
+            </div>
+          </RecoilRoot>
+        </BrowserRouter>
       );
     },
   ],

diff --git a/src/stories/pages/MainPage.stories.tsx b/src/stories/pages/MainPage.stories.tsx
@@ -1,4 +1,5 @@
 import { Meta } from '@storybook/react';
+import { BrowserRouter } from 'react-router-dom';
 import { RecoilRoot } from 'recoil';
 import MainPage from '../../pages/MainPage';
 
@@ -11,8 +12,10 @@ export default meta;
 
 export const Main = () => {
   return (
-    <RecoilRoot>
-      <MainPage />
-    </RecoilRoot>
+    <BrowserRouter>
+      <RecoilRoot>
+        <MainPage />
+      </RecoilRoot>
+    </BrowserRouter>
   );
 };