support PW 1.42 onwards

storybookjs · May 28, 2024 · 0283f4f · 0283f4f
1 parent f0970e1
commit 0283f4f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/config/playwright.ts b/src/config/playwright.ts
@@ -17,8 +17,7 @@ import {
 export const defineConfig = (config: PlaywrightTestConfig) => {
   const { STORYBOOK_STORIES_PATTERN } = process.env;
 
-  // @ts-ignore use _contextReuseMode
-  return playwrightDefineConfig({
+  const original = playwrightDefineConfig({
     testDir: process.env.TEST_ROOT || process.cwd(),
     testMatch: STORYBOOK_STORIES_PATTERN?.split(';'),
     globalSetup: path.join(__dirname, 'config', 'global.setup.js'),
@@ -56,6 +55,7 @@ export const defineConfig = (config: PlaywrightTestConfig) => {
       },
     ],
 
+    // Keep this for older versions of PW if we ever need. It stopped working in 1.42.0
     build: {
       babelPlugins: [[path.join(__dirname, 'playwright', 'csf-playwright-plugin.js')]],
       // @ts-ignore
@@ -71,4 +71,12 @@ export const defineConfig = (config: PlaywrightTestConfig) => {
     },
     ...config,
   });
+
+  return {
+    ...original,
+    '@playwright/test': {
+      ...(original as any)['@playwright/test'],
+      babelPlugins: [[path.join(__dirname, 'playwright', 'csf-playwright-plugin.js')]],
+    },
+  } as PlaywrightTestConfig;
 };