Try importing jest from preview

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
2024-10-17 16:43:47 +01:00
parent d33b59ee77
commit 6fa3a3e61a
1 changed files with 19 additions and 12 deletions
@@ -8,6 +8,8 @@ import { apis } from './apis';

 import type { Preview } from '@storybook/react';

+import * as jest from 'jest-mock';
+
 const preview: Preview = {
  parameters: {
    controls: {
@@ -22,18 +24,23 @@ const preview: Preview = {
    layout: 'fullscreen',
  },
  decorators: [
-    Story => (
-      <TestApiProvider apis={apis}>
-        <ThemeProvider theme={useDarkMode() ? darkTheme : lightTheme}>
-          <CssBaseline>
-            <AlertDisplay />
-            <Content>
-              <Story />
-            </Content>
-          </CssBaseline>
-        </ThemeProvider>
-      </TestApiProvider>
-    ),
+    Story => {
+      // @ts-ignore
+      window.jest = jest;
+
+      return (
+        <TestApiProvider apis={apis}>
+          <ThemeProvider theme={useDarkMode() ? darkTheme : lightTheme}>
+            <CssBaseline>
+              <AlertDisplay />
+              <Content>
+                <Story />
+              </Content>
+            </CssBaseline>
+          </ThemeProvider>
+        </TestApiProvider>
+      );
+    },
  ],
 };