feat(e2e): allow updating env in context before setup runs (#812)

Author: linspw

examples/app-playwright/app.vue

@@ -1,5 +1,9 @@
 <template>
   <h1>
-    Welcome to Playwright!
+    {{ config.public.myValue }}
   </h1>
 </template>
+
+<script setup>
+const config = useRuntimeConfig()
+</script>

examples/app-playwright/nuxt.config.ts

@@ -1,4 +1,9 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
+  runtimeConfig: {
+    public: {
+      myValue: 'Welcome to Playwright!',
+    },
+  },
 })

examples/app-playwright/tests/basic.test.ts

@@ -4,3 +4,17 @@ test('test', async ({ page, goto }) => {
   await goto('/', { waitUntil: 'hydration' })
   await expect(page.getByRole('heading')).toHaveText('Welcome to Playwright!')
 })
+
+const testHello = test.extend({
+  nuxt: async ({ nuxt }, use) => {
+    nuxt!.env = {
+      NUXT_PUBLIC_MY_VALUE: 'Hello World!',
+    }
+    await use(nuxt)
+  },
+})
+
+testHello('testing', async ({ page, goto }) => {
+  await goto('/', { waitUntil: 'hydration' })
+  await expect(page.getByRole('heading')).toHaveText('Hello World!')
+})

src/core/server.ts

@@ -32,6 +32,7 @@ export async function startServer(options: StartServerOptions = {}) {
         HOST: host,
         NODE_ENV: 'development',
         ...options.env,
+        ...ctx.options.env,
       },
     })
     await waitForPort(port, { retries: 32, host }).catch(() => {})
@@ -62,6 +63,7 @@ export async function startServer(options: StartServerOptions = {}) {
         HOST: host,
         NODE_ENV: 'test',
         ...options.env,
+        ...ctx.options.env,
       },
     })
     await waitForPort(port, { retries: 20, host })