Docs fixes found during 8.5 QA

- Add `configDir` option to example configs
- Move coverage exclusion config under Set up heading
    - Add `**/.storybook/**`

docs/_snippets/vitest-plugin-vitest-config.md

@@ -11,6 +11,8 @@ export default mergeConfig(
   defineConfig({
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',
@@ -44,6 +46,8 @@ export default mergeConfig(
   defineConfig({
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',
@@ -78,6 +82,8 @@ export default mergeConfig(
   defineConfig({
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',

docs/_snippets/vitest-plugin-vitest-workspace.md

@@ -12,6 +12,8 @@ export default defineWorkspace([
     extends: './vite.config.ts',
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',
@@ -49,6 +51,8 @@ export default defineWorkspace([
     extends: './vite.config.ts',
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',
@@ -87,6 +91,8 @@ export default defineWorkspace([
     extends: './vite.config.ts',
     plugins: [
       storybookTest({
+        // The location of your Storybook config, main.js|ts
+        configDir: './.storybook',
         // This should match your package.json script to run Storybook
         // The --ci flag will skip prompts and not open a browser
         storybookScript: 'yarn storybook --ci',

docs/writing-tests/test-addon.mdx

@@ -96,7 +96,9 @@ Some Storybook frameworks require additional setup to enable the framework's fea
     viteConfig,
     defineConfig({
       plugins: [
-        storybookTest(),
+        storybookTest({
+          // ...
+        }),
         storybookNextJsPlugin(), // 👈 Apply the framework plugin here
       ],
       // ...
@@ -119,7 +121,9 @@ Some Storybook frameworks require additional setup to enable the framework's fea
     viteConfig,
     defineConfig({
       plugins: [
-        storybookTest(),
+        storybookTest({
+          // ...
+        }),
         storybookVuePlugin(), // 👈 Apply the framework plugin here
       ],
       // ...
@@ -142,7 +146,9 @@ Some Storybook frameworks require additional setup to enable the framework's fea
     viteConfig,
     defineConfig({
       plugins: [
-        storybookTest(),
+        storybookTest({
+          // ...
+        }),
         storybookSveltekitPlugin(), // 👈 Apply the framework plugin here
       ],
       // ...
@@ -313,6 +319,7 @@ export default defineWorkspace([
     {
       plugins: [
         storybookTest({
+          // ...
           storybookScript: 'yarn storybook --ci',
           storybookUrl: process.env.SB_URL
         }),

docs/writing-tests/test-coverage.mdx

@@ -34,6 +34,29 @@ Before coverage can be calculated, you may need to install a support package cor
 
 {/* prettier-ignore-end */}
 
+Additionally (until Vitest 3.0.0 is released), the generated coverage report will include the stories files themselves and output from your built Storybook application. This is misleading and they should be excluded. To do this, you can add the following to your Vitest config:
+
+```ts title="vitest.config.ts"
+import { coverageConfigDefaults, defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  // ...
+  test: {
+    coverage: {
+      // 👇 Add this
+      exclude: [
+         ...coverageConfigDefaults.exclude,
+         '**/.storybook/**',
+         // 👇 This pattern must align with the `stories` property of your `.storybook/main.ts` config
+         '**/*.stories.*',
+         // 👇 This pattern must align with the output directory of `storybook build`
+         '**/storybook-static/**',
+       ], 
+    }
+  }
+})
+```
+
 ### Usage
 
 Because coverage is built into the Test addon, you can use it everywhere you run your tests.
@@ -188,32 +211,6 @@ When calculating coverage in the Storybook UI, the following options are always
 - `reporter`
 - `reportsDirectory`
 
-### Troubleshooting
-
-#### Excluding stories from the coverage report
-
-Until Vitest 3.0.0 is released, the generated coverage report will include the stories files themselves and output from your built Storybook application. This is misleading and they should be excluded. To do this, you can add the following to your Vitest config:
-
-```ts title="vitest.config.ts"
-import { coverageConfigDefaults, defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  // ...
-  test: {
-    coverage: {
-      // 👇 Add this
-      exclude: [
-         ...coverageConfigDefaults.exclude,
-         // This pattern must align with the `stories` property of your `.storybook/main.ts` config
-         '**/*.stories.*',
-         // This pattern must align with the output directory of `storybook build`
-         'storybook-static/**',
-       ], 
-    }
-  }
-})
-```
-
 </If>
 
 ## With the coverage addon