From 6cff495b23f46171e17f44ac76d771bc9550fe45 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 15 Jul 2025 09:50:47 +0200
Subject: [PATCH 1/2] Don't check for stories file pattern in tranformer, we
 already did that before

---
 .../vitest-plugin/transformer.test.ts         | 33 +++++++------------
 .../csf-tools/vitest-plugin/transformer.ts    |  5 ---
 2 files changed, 11 insertions(+), 27 deletions(-)

diff --git a/code/core/src/csf-tools/vitest-plugin/transformer.test.ts b/code/core/src/csf-tools/vitest-plugin/transformer.test.ts
index a47eabdd8b3a..7d9d89464aa2 100644
--- a/code/core/src/csf-tools/vitest-plugin/transformer.test.ts
+++ b/code/core/src/csf-tools/vitest-plugin/transformer.test.ts
@@ -48,17 +48,6 @@ const transform = async ({
 };
 
 describe('transformer', () => {
-  describe('no-op', () => {
-    it('should return original code if the file is not a story file', async () => {
-      const code = `console.log('Not a story file');`;
-      const fileName = 'src/components/Button.js';
-
-      const result = await transform({ code, fileName });
-
-      expect(result.code).toMatchInlineSnapshot(`console.log('Not a story file');`);
-    });
-  });
-
   describe('CSF v1/v2/v3', () => {
     describe('default exports (meta)', () => {
       it('should add title to inline default export if not present', async () => {
@@ -124,7 +113,7 @@ describe('transformer', () => {
             component: Button,
           };
           export default meta;
-  
+
           export const Story = {};
         `;
 
@@ -153,9 +142,9 @@ describe('transformer', () => {
           const meta = {
             title: 'Button',
             component: Button,
-          };  
+          };
           export default meta;
-  
+
           export const Story = {};
         `;
 
@@ -272,7 +261,7 @@ describe('transformer', () => {
               label: 'Primary Button',
             },
           };
-  
+
           export { Primary };
         `;
 
@@ -306,7 +295,7 @@ describe('transformer', () => {
               label: 'Primary Button',
             },
           };
-  
+
           export { Primary as PrimaryStory };
         `;
 
@@ -340,9 +329,9 @@ describe('transformer', () => {
               label: 'Primary Button',
             },
           };
-  
+
           export const Secondary = {}
-  
+
           export { Primary };
         `;
 
@@ -430,7 +419,7 @@ describe('transformer', () => {
         const code = `
           export default {};
           export const Included = { tags: ['include-me'] };
-  
+
           export const NotIncluded = {}
         `;
 
@@ -461,7 +450,7 @@ describe('transformer', () => {
         const code = `
           export default {};
           export const Included = {};
-  
+
           export const NotIncluded = { tags: ['exclude-me'] }
         `;
 
@@ -636,7 +625,7 @@ describe('transformer', () => {
         const code = `
         import { config } from '#.storybook/preview';
         const meta = config.meta({ component: Button });
-        const Primary = meta.story({ 
+        const Primary = meta.story({
           args: {
             label: 'Primary Button',
           }
@@ -672,7 +661,7 @@ describe('transformer', () => {
         const code = `
         import { config } from '#.storybook/preview';
         const meta = config.meta({ component: Button });
-        const Primary = meta.story({ 
+        const Primary = meta.story({
           args: {
             label: 'Primary Button',
           }
diff --git a/code/core/src/csf-tools/vitest-plugin/transformer.ts b/code/core/src/csf-tools/vitest-plugin/transformer.ts
index c9acce129ee4..22745c1537e0 100644
--- a/code/core/src/csf-tools/vitest-plugin/transformer.ts
+++ b/code/core/src/csf-tools/vitest-plugin/transformer.ts
@@ -46,11 +46,6 @@ export async function vitestTransform({
   stories: StoriesEntry[];
   previewLevelTags: Tag[];
 }): Promise<ReturnType<typeof formatCsf>> {
-  const isStoryFile = /\.stor(y|ies)\./.test(fileName);
-  if (!isStoryFile) {
-    return code;
-  }
-
   const parsed = loadCsf(code, {
     fileName,
     transformInlineMeta: true,

From 86cf4e4e7f70193dcdd38cb2b730e2f60fe0a883 Mon Sep 17 00:00:00 2001
From: Gert Hengeveld <info@ghengeveld.nl>
Date: Tue, 15 Jul 2025 10:01:33 +0200
Subject: [PATCH 2/2] Add a stories.tsx file to verify functionality

---
 code/.storybook/main.ts            |  5 +++++
 code/addons/vitest/src/stories.tsx | 20 ++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 code/addons/vitest/src/stories.tsx

diff --git a/code/.storybook/main.ts b/code/.storybook/main.ts
index 93518795c535..ec9d1d9fd85c 100644
--- a/code/.storybook/main.ts
+++ b/code/.storybook/main.ts
@@ -93,6 +93,11 @@ const config = defineMain({
       directory: '../addons/vitest/template/stories',
       titlePrefix: 'addons/vitest',
     },
+    {
+      directory: '../addons/vitest/src',
+      titlePrefix: 'addons/vitest',
+      files: 'stories.tsx',
+    },
   ],
   addons: [
     '@storybook/addon-themes',
diff --git a/code/addons/vitest/src/stories.tsx b/code/addons/vitest/src/stories.tsx
new file mode 100644
index 000000000000..ad879b3dea13
--- /dev/null
+++ b/code/addons/vitest/src/stories.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import { expect } from 'storybook/test';
+
+const meta = {
+  title: 'StoriesTsx',
+  render: () => <div>This is a story coming from a /stories.tsx file detected via custom glob</div>,
+} satisfies Meta;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  play: async () => {
+    expect(true).toBe(true);
+  },
+};