playwright icon indicating copy to clipboard operation
playwright copied to clipboard
verified publisher icon microsoft

[Feature] VSCode: Open trace viewer from test explorer

Open synox opened this issue 2 years ago • 2 comments

Context:

  • Playwright Version: 1.30.0
  • Operating System: macos
  • Node.js version: 18
  • Visual Studio Code version: 1.75.1
  • Playwright for VSCode extension version: v1.0.7
  • Browser: All
  • Extra:

Describe the feature

After running tests in VS Code, and seeing the result in the Test Explorer, I would like to click on a test failure and open the trace viewer for this test.

Screenshot 2023-02-15 at 10 11 10

synox avatar Feb 15 '23 18:02 synox

Not exactly what you're asking for, but in the meantime, this extension allows you to right-click open the trace file right from the File Explorer.

https://marketplace.visualstudio.com/items?itemName=ryanrosello-og.playwright-vscode-trace-viewer&ssr=false#overview

381181295 avatar Jun 04 '23 07:06 381181295

In order for us to prioritise this - what is the workflow that you end up in a scenario like that?

There is a "show trace viewer" button inside the Test Explorer at the bottom which will show the live trace during a test run.

mxschmitt avatar Feb 12 '24 14:02 mxschmitt

In my case, I would like to have trace viewer integrated into VSCode, because currently it opens a separate electron app.

I played around with this, and it doesn't seem that hard to integrate it with a WebView:

https://github.com/microsoft/playwright-vscode/pull/483

ruifigueira avatar May 18 '24 00:05 ruifigueira