Merge pull request #376 from storybookjs/feat/support-story-filename

Feature: Support .story files

README.md

@@ -191,12 +191,14 @@ Here's an example of an ejected file used to extend the tests timeout from Jest:
 // ./test-runner-jest.config.js
 const { getJestConfig } = require('@storybook/test-runner');
 
+const testRunnerConfig = getJestConfig();
+
 /**
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
   // The default configuration comes from @storybook/test-runner
-  ...getJestConfig(),
+  ...testRunnerConfig,
   /** Add your own overrides below
    * @see https://jestjs.io/docs/configuration
    */
@@ -808,12 +810,14 @@ When running with `--stories-json`, tests get generated in a temporary folder an
 // ./test-runner-jest.config.js
 const { getJestConfig } = require('@storybook/test-runner');
 
+const testRunnerConfig = getJestConfig();
+
 /**
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
   // The default configuration comes from @storybook/test-runner
-  ...getJestConfig(),
+  ...testRunnerConfig,
   snapshotResolver: './snapshot-resolver.js',
 };
 ```

playwright/test-runner-jest.config.js

@@ -1,12 +1,15 @@
 const { getJestConfig } = require('@storybook/test-runner');
 
+// The default configuration comes from @storybook/test-runner
+const testRunnerConfig = getJestConfig();
+
 /**
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  // The default configuration comes from @storybook/test-runner
-  ...getJestConfig(),
-  /** Add your own overrides below
+  ...testRunnerConfig,
+  /** Add your own overrides below, and make sure
+   *  to merge testRunnerConfig properties with your own
    * @see https://jestjs.io/docs/configuration
    */
 };

src/config/jest-playwright.ts

@@ -77,7 +77,9 @@ export const getJestConfig = () => {
     reporters,
     testMatch,
     transform: {
-      '^.+\\.stories\\.[jt]sx?$': require.resolve(TEST_RUNNER_PATH + '/playwright/transform'),
+      '^.+\\.(story|stories)\\.[jt]sx?$': require.resolve(
+        TEST_RUNNER_PATH + '/playwright/transform'
+      ),
       '^.+\\.[jt]sx?$': swcJestPath,
     },
     snapshotSerializers: [jestSerializerHtmlPath],

src/test-storybook.ts

@@ -335,6 +335,8 @@ const main = async () => {
     );
   }
 
+  process.env.TEST_ROOT = process.cwd();
+
   if (runnerOptions.indexJson || shouldRunIndexJson) {
     indexTmpDir = await getIndexTempDir(targetURL);
     process.env.TEST_ROOT = indexTmpDir;

test-runner-jest.config.js

@@ -6,11 +6,13 @@ process.env.STORYBOOK_TEST_RUNNER_PATH = path.resolve(__dirname);
 
 const { getJestConfig } = require('./dist');
 
+const testRunnerConfig = getJestConfig();
+
 module.exports = {
-  ...getJestConfig(),
+  ...testRunnerConfig,
   cacheDirectory: 'node_modules/.cache/storybook/test-runner',
   transform: {
-    '^.+\\.stories\\.[jt]sx?$': './playwright/transform',
+    '^.+\\.(story|stories)\\.[jt]sx?$': './playwright/transform',
     '^.+\\.[jt]sx?$': '@swc/jest',
   },
   globalSetup: './playwright/global-setup.js',