fix: fix defineHelper for webkit async stack trace + update playwright 1.59.0

docs/guide/browser/trace-view.md

@@ -126,9 +126,3 @@ Under the hood, Playwright still records its own low-level action events as usua
 Keep in mind that plain assertions like `expect(value).toBe(...)` run in Node, not the browser, so they won't show up in the trace.
 
 For anything not covered automatically, you can use `page.mark()` or `locator.mark()` to add your own trace groups — see [Trace markers](#trace-markers) above.
-
-::: warning
-
-Currently a source view of a trace can be only displayed properly when viewing it on the machine generated a trace with `playwright show-trace` CLI. This is expected to be fixed soon (see https://github.com/microsoft/playwright/pull/39307).
-
-:::

examples/lit/package.json

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@vitest/browser-playwright": "latest",
     "jsdom": "latest",
-    "playwright": "^1.58.2",
+    "playwright": "^1.59.0",
     "vite": "latest",
     "vitest": "latest"
   },

package.json

@@ -42,7 +42,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^7.6.1",
     "@antfu/ni": "^28.3.0",
-    "@playwright/test": "^1.58.2",
+    "@playwright/test": "catalog:",
     "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",

packages/browser-playwright/package.json

@@ -59,7 +59,7 @@
     "tinyrainbow": "catalog:"
   },
   "devDependencies": {
-    "playwright": "^1.58.2",
+    "playwright": "catalog:",
     "vitest": "workspace:*"
   }
 }

packages/utils/src/source-map.ts

@@ -233,7 +233,13 @@ export function parseStacktrace(
     : parseV8Stacktrace(stack)
 
   // remove assertion helper's internal stacks
-  const helperIndex = stacks.findLastIndex(s => s.method === '__VITEST_HELPER__' || s.method === 'async*__VITEST_HELPER__')
+  const helperIndex = stacks.findLastIndex(s =>
+    s.method === '__VITEST_HELPER__'
+    // firefox
+    || s.method === 'async*__VITEST_HELPER__'
+    // webkit
+    || s.method === 'async __VITEST_HELPER__',
+  )
   if (helperIndex >= 0) {
     stacks = stacks.slice(helperIndex + 1)
   }

pnpm-workspace.yaml

@@ -50,6 +50,7 @@ catalog:
   '@iconify/vue': ^5.0.0
   '@jridgewell/remapping': ^2.3.5
   '@jridgewell/trace-mapping': 0.3.31
+  '@playwright/test': ^1.59.0
   '@rolldown/plugin-babel': ^0.2.1
   '@types/chai': ^5.2.2
   '@types/estree': ^1.0.8
@@ -76,7 +77,7 @@ catalog:
   msw: ^2.12.10
   obug: ^2.1.1
   pathe: ^2.0.3
-  playwright: ^1.58.2
+  playwright: ^1.59.0
   sinon: ^21.0.3
   sinon-chai: ^4.0.1
   sirv: ^3.0.2

test/browser/docker-compose.yaml

@@ -1,7 +1,7 @@
 services:
   playwright:
-    image: mcr.microsoft.com/playwright:v1.58.2-noble
-    command: /bin/sh -c "npx -y playwright@1.58.1 run-server --port 6677 --host 0.0.0.0"
+    image: mcr.microsoft.com/playwright:v1.59.0-noble
+    command: /bin/sh -c "npx -y playwright@1.59.0 run-server --port 6677 --host 0.0.0.0"
     init: true
     ipc: host
     user: pwuser
@@ -15,8 +15,8 @@ services:
   # Run it by:
   #   pnpm run docker up playwright-host
   playwright-host:
-    image: mcr.microsoft.com/playwright:v1.58.2-noble
-    command: /bin/sh -c "npx -y playwright@1.58.1 run-server --port 6677"
+    image: mcr.microsoft.com/playwright:v1.59.0-noble
+    command: /bin/sh -c "npx -y playwright@1.59.0 run-server --port 6677"
     init: true
     ipc: host
     user: pwuser

test/browser/package.json

@@ -39,7 +39,7 @@
     "@vitest/browser-webdriverio": "workspace:*",
     "@vitest/bundled-lib": "link:./bundled-lib",
     "@vitest/cjs-lib": "link:./cjs-lib",
-    "playwright": "^1.58.2",
+    "playwright": "catalog:",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "test-dep-error": "file:./deps/test-dep-error",

test/browser/settings.ts

@@ -40,7 +40,10 @@ export const instances: BrowserInstanceOption[] = process.env.BROWSER
   ? [
       {
         browser: process.env.BROWSER as any,
-        headless: process.env.BROWSER === 'safari' ? false : undefined,
+        headless:
+          wsEndpoint
+            ? true
+            : process.env.BROWSER === 'safari' ? false : undefined,
       },
     ]
   : provider.name === 'playwright'

test/browser/specs/assertion-helper.test.ts

@@ -35,23 +35,20 @@ test('vi.defineHelper hides internal stack traces', async () => {
       `)
     }
     else if (name === 'webkit') {
-      // async stack trace is incomplete on webkit
-      // waiting for https://github.com/WebKit/WebKit/pull/57832 to land on playwright
-      // bun has already landed https://github.com/oven-sh/bun/pull/22517
       expect.soft(tree).toMatchInlineSnapshot(`
         {
           "basic.test.ts": {
             "async": [
               "expected 'async' to deeply equal 'x'
-            at basic.test.ts:9:20",
+            at basic.test.ts:26:21",
             ],
             "soft": [
               "expected 'soft' to deeply equal 'x'
             at basic.test.ts:30:14",
             ],
             "soft async": [
               "expected 'soft async' to deeply equal 'x'
-            at basic.test.ts:18:25",
+            at basic.test.ts:34:25",
             ],
             "sync": [
               "expected 'sync' to deeply equal 'x'

test/browser/test/userEvent.test.ts

@@ -710,6 +710,11 @@ describe.each(inputLike)('userEvent.fill', async (getInput) => {
     }
 
     await userEvent.fill(input, 'Hello')
+    if (input.tagName === 'DIV' && server.provider === 'playwright' && server.browser === 'webkit') {
+      // broken since playwright 1.59.0 https://github.com/microsoft/playwright/issues/39983
+      expect(value()).toBe('')
+      return
+    }
     expect(value()).toBe('Hello')
   })
 })