playwright-vscode icon indicating copy to clipboard operation
playwright-vscode copied to clipboard

Published 20 hours ago • verified publisher icon microsoft

feature(trace-viewer): embedded mode support PoC

Open ruifigueira opened this issue 1 year ago • 5 comments
trafficstars

PoC of trace-viewer embedded in VSCode.

It allows to open trace zip files as well as live traces of running tests.

https://github.com/microsoft/playwright-vscode/assets/1374559/e21cb7d6-8406-45ee-9de8-431b240e0ebb

Depends on https://github.com/microsoft/playwright/pull/30885

ruifigueira avatar May 18 '24 00:05 ruifigueira

I'm supportive for those, let me know when they are no longer drafts!

pavelfeldman avatar May 21 '24 19:05 pavelfeldman

It now supports toggle between dark / light theme:

https://github.com/microsoft/playwright-vscode/assets/1374559/fa6ec224-04a3-4944-9487-d13f99dc8c6a

ruifigueira avatar May 22 '24 21:05 ruifigueira

I added a few tests. They require a playwright version with changes from https://github.com/microsoft/playwright/pull/30885 , and that's why I left them as wip for now.

ruifigueira avatar Jun 11 '24 12:06 ruifigueira

It's now working with vscode SSH remote dev and dev containers.

One nice thing is that there's no need to expose playwright server as 0.0.0.0 because trace viewer is opened by vscode and therefore we can take advantage of vscode.env.asExternalUri to perform a localhost port forwarding.

ruifigueira avatar Jun 16 '24 11:06 ruifigueira

It also works in codespaces:

https://github.com/microsoft/playwright-vscode/assets/1374559/13480576-4908-4de8-961a-ccef90198ca5

ruifigueira avatar Jun 17 '24 22:06 ruifigueira