36
.storybook/preview.tsx
Normal file
36
.storybook/preview.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
import type { Decorator, Preview } from '@storybook/react-vite';
|
||||
import { ThemeProvider } from '../src/components/theme-provider';
|
||||
import '../src/index.css';
|
||||
import { createRootRoute, createRouter, RouterProvider } from '@tanstack/react-router';
|
||||
|
||||
const RouterDecorator: Decorator = (Story) => {
|
||||
const rootRoute = createRootRoute({ component: () => <Story /> });
|
||||
const routeTree = rootRoute;
|
||||
const router = createRouter({ routeTree });
|
||||
return <RouterProvider router={router} />;
|
||||
};
|
||||
|
||||
const ThemeDecorator: Decorator = (Story) => {
|
||||
return <ThemeProvider defaultTheme="dark"><Story /></ThemeProvider>;
|
||||
};
|
||||
|
||||
const preview: Preview = {
|
||||
decorators: [RouterDecorator, ThemeDecorator],
|
||||
parameters: {
|
||||
controls: {
|
||||
matchers: {
|
||||
color: /(background|color)$/i,
|
||||
date: /Date$/i,
|
||||
},
|
||||
},
|
||||
|
||||
a11y: {
|
||||
// 'todo' - show a11y violations in the test UI only
|
||||
// 'error' - fail CI on a11y violations
|
||||
// 'off' - skip a11y checks entirely
|
||||
test: 'todo'
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
export default preview;
|
||||
Reference in New Issue
Block a user