#549 fix storybook click error

Thenlie · Oct 21, 2023 · f4368b1 · f4368b1
1 parent 5b8347d
commit f4368b1
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 3 deletions.
diff --git a/src/stories/components/ShowCard.stories.ts b/src/stories/components/ShowCard.stories.ts
@@ -1,14 +1,24 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ShowCard } from '../../components';
 import { MOVIE_DATA } from '../constants';
-import { withRouter } from 'storybook-addon-react-router-v6';
+import { withRouter, reactRouterParameters } from 'storybook-addon-react-router-v6';
 
 const meta = {
     title: 'Components/Show Card',
     component: ShowCard,
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
+        reactRouter: reactRouterParameters({
+            location: {
+                path: '/details/movie/:id',
+                pathParams: { id: MOVIE_DATA.id },
+            },
+            routing: {
+                path: '/details/movie/:id',
+                handle: 'details',
+            },
+        }),
     },
     decorators: [withRouter],
 } satisfies Meta<typeof ShowCard>;

diff --git a/src/stories/components/ShowListCard.stories.ts b/src/stories/components/ShowListCard.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { withRouter } from 'storybook-addon-react-router-v6';
+import { withRouter, reactRouterParameters } from 'storybook-addon-react-router-v6';
 import { ShowListCard } from '../../components';
 import { MOVIE_DATA, PROFILE } from '../constants';
 
@@ -9,6 +9,16 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
+        reactRouter: reactRouterParameters({
+            location: {
+                path: '/details/movie/:id',
+                pathParams: { id: MOVIE_DATA.id },
+            },
+            routing: {
+                path: '/details/movie/:id',
+                handle: 'details',
+            },
+        }),
     },
     decorators: [withRouter],
 } satisfies Meta<typeof ShowListCard>;

diff --git a/src/stories/components/ShowPoster.stories.ts b/src/stories/components/ShowPoster.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { withRouter } from 'storybook-addon-react-router-v6';
+import { withRouter, reactRouterParameters } from 'storybook-addon-react-router-v6';
 import { ShowPoster } from '../../components';
 import { MOVIE_DATA } from '../constants';
 import { ProfileActions } from '../../types';
@@ -22,6 +22,16 @@ const meta = {
     tags: ['autodocs'],
     parameters: {
         layout: 'centered',
+        reactRouter: reactRouterParameters({
+            location: {
+                path: '/details/movie/:id',
+                pathParams: { id: MOVIE_DATA.id },
+            },
+            routing: {
+                path: '/details/movie/:id',
+                handle: 'details',
+            },
+        }),
     },
     decorators: [withRouter],
 } satisfies Meta<typeof ShowPoster>;