[BUG] Traceviewer screens are not recorded well when using constructable stylesheets

microsoft / playwright

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

https://playwright.dev

Apache License 2.0

66.02k stars 3.6k forks source link

[BUG] Traceviewer screens are not recorded well when using constructable stylesheets #7085

Closed Tallyb closed 3 years ago

Tallyb commented 3 years ago

Context:

Playwright Version: 12.1.1
Operating System: mac
Node.js version: 16
Browser: Chromium
Extra: [any specific details about your environment]

when running trace viewer on a site built with stencil-js, the html snapshots are displayed incorrectly. This is due to the use of constructable stylesheet.

Tallyb commented 3 years ago

Still exists in 1.12.3

dgozman commented 3 years ago

@Tallyb Does this still repro for you? I am trying to reproduce this on sites like https://stenciljs.com/, but it seems to work.

Tallyb commented 3 years ago

@dgozman - It still happens. I believe the stencil.js site does not contain web components with shadow dom. You can run on our website (app.yoobic.com. You should encounter the issue on the login page so no credentials are needed).