chore(vitest): move test config to vite config

Author: ryanclark

vite.config.mts

@@ -1,6 +1,12 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
 import react from '@vitejs/plugin-react-swc';
 import type { UserConfig } from 'vite';
 
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
 const config: UserConfig = {
   plugins: [
     react({
@@ -16,6 +22,26 @@ const config: UserConfig = {
       '@chakra-ui/react/styled-system',
     ],
   },
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          storybookTest({ configDir: path.join(dirname, '.storybook') }),
+        ],
+        test: {
+          name: 'storybook',
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: 'playwright',
+            instances: [{ browser: 'chromium' }],
+          },
+          setupFiles: ['.storybook/vitest.setup.ts'],
+        },
+      },
+    ],
+  },
 };
 
 export { config as default };