chore: move to new Playwright fixtures approach (#778)

.github/workflows/ci.yml

@@ -83,7 +83,7 @@ jobs:
             ${{ runner.os }}-playwright-bin-v1-
 
       - name: Install Playwright
-        run: pnpm playwright-core install
+        run: pnpm playwright install chromium
 
       - name: Prepare build environment
         run: pnpm dev:prepare

examples/app-playwright/playwright.config.ts

@@ -41,20 +41,21 @@ export default defineConfig<ConfigOptions>({
         nuxt,
       }
     },
-    {
-      name: 'Firefox',
-      use: {
-        ...devices['Desktop Firefox'],
-        nuxt,
-      }
-    },
-    {
-      name: 'WebKit',
-      use: {
-        ...devices['Desktop Safari'],
-        nuxt,
-      }
-    }
+    /* Test against other common browser engines. */
+    // {
+    //   name: 'Firefox',
+    //   use: {
+    //     ...devices['Desktop Firefox'],
+    //     nuxt,
+    //   }
+    // },
+    // {
+    //   name: 'WebKit',
+    //   use: {
+    //     ...devices['Desktop Safari'],
+    //     nuxt,
+    //   }
+    // }
     /* Test against mobile viewports. */
     // {
     //   name: 'Mobile Chrome',

package.json

@@ -148,6 +148,7 @@
     "@nuxt/schema": "^3.10.3",
     "@nuxt/test-utils": "workspace:*",
     "@playwright/test": "^1.43.0-alpha-2024-03-14",
+    "playwright-core": "^1.43.0-alpha-2024-03-14",
     "rollup": "4.13.0",
     "vite": "5.1.6",
     "vue": "^3.4.21"

src/core/context.ts

@@ -5,8 +5,6 @@ import type { TestContext, TestOptions } from './types'
 let currentContext: TestContext | undefined
 
 export function createTestContext (options: Partial<TestOptions>): TestContext {
-  const isVitest = process.env.VITEST === 'true'
-  const isPlaywright = 'PW_TS_ESM_LEGACY_LOADER_ON' in process.env || 'TEST_WORKER_INDEX' in process.env
   const _options: Partial<TestOptions> = defu(options, {
     testDir: resolve(process.cwd(), 'test'),
     fixture: 'fixture',
@@ -17,11 +15,15 @@ export function createTestContext (options: Partial<TestOptions>): TestContext {
     server: true,
     build: (options.browser !== false) || (options.server !== false),
     nuxtConfig: {},
-    runner: isVitest ? 'vitest' : isPlaywright ? 'playwright' : 'jest',
     browserOptions: {
       type: 'chromium' as const
     }
   } satisfies Partial<TestOptions>)
+  if (process.env.VITEST === 'true') {
+    _options.runner = 'vitest'
+  } else if (process.env.JEST_WORKER_ID) {
+    _options.runner = 'jest'
+  }
 
   return setTestContext({
     options: _options as TestOptions

src/core/setup/index.ts

@@ -5,13 +5,11 @@ import { createBrowser } from '../browser'
 import type { TestHooks, TestOptions } from '../types'
 import setupCucumber from './cucumber'
 import setupJest from './jest'
-import setupPlaywright from './playwright'
 import setupVitest from './vitest'
 
 export const setupMaps = {
   cucumber: setupCucumber,
   jest: setupJest,
-  playwright: setupPlaywright,
   vitest: setupVitest
 }
 

src/core/types.ts

@@ -2,7 +2,7 @@ import type { Nuxt, NuxtConfig } from '@nuxt/schema'
 import type { ExecaChildProcess } from 'execa'
 import type { Browser, LaunchOptions } from 'playwright-core'
 
-export type TestRunner = 'vitest' | 'jest' | 'cucumber' | 'playwright'
+export type TestRunner = 'vitest' | 'jest' | 'cucumber' 
 
 export interface TestOptions {
   testDir: string