test(nuxt): Fix nuxt-4 dev E2E test (#18737)

I was under the assumption that playwright will wait for the port `3030`
to start testing (as it is configured like this). But it seems like
playwright already starts testing when only the temporary port `3035` is
available.

This fix runs the bash script first and only then starts playwright.

Closes #18728

Author: s1gr1d

dev-packages/e2e-tests/test-applications/nuxt-4/nuxt-start-dev-server.bash

@@ -43,7 +43,4 @@ else
     echo "Port $TEMP_PORT released successfully"
 fi
 
-echo "Starting nuxt dev with Sentry server config..."
-
-# 4.  Start the actual dev command which should be used for the tests
-NODE_OPTIONS='--import ./.nuxt/dev/sentry.server.config.mjs' nuxt dev
+echo "Nuxt dev server can now be started with '--import ./.nuxt/dev/sentry.server.config.mjs'"

dev-packages/e2e-tests/test-applications/nuxt-4/package.json

@@ -12,7 +12,7 @@
     "clean": "npx nuxi cleanup",
     "test": "playwright test",
     "test:prod": "TEST_ENV=production playwright test",
-    "test:dev": "TEST_ENV=development playwright test environment",
+    "test:dev": "bash ./nuxt-start-dev-server.bash && TEST_ENV=development playwright test environment",
     "test:build": "pnpm install && pnpm build",
     "test:build-canary": "pnpm add nuxt@npm:nuxt-nightly@latest && pnpm add nitropack@npm:nitropack-nightly@latest && pnpm install --force && pnpm build",
     "test:assert": "pnpm test:prod && pnpm test:dev"

dev-packages/e2e-tests/test-applications/nuxt-4/playwright.config.ts

@@ -8,7 +8,7 @@ if (!testEnv) {
 
 const getStartCommand = () => {
   if (testEnv === 'development') {
-    return 'bash ./nuxt-start-dev-server.bash';
+    return "NODE_OPTIONS='--import ./.nuxt/dev/sentry.server.config.mjs' nuxt dev -p 3030";
   }
 
   if (testEnv === 'production') {