Most of the times I get blank white page in the tracer view and it's pretty much hard for me to debug this issue. It worth mentioning that the same test steps, locators, etc work like a charm on another framework (testcafe). However I tried to migrate them to Pw but here they randomly fail.
How would you debug this? Sometimes the same test pass on pw as well, sometimes it doesn't throwing these kind of confusing errors.
This thread is trying to answer question "How can I debug the issue of a blank white page appearing in the tracer view when using Pw?"
Experiencing a blank white page in the trace viewer? Here's how you can debug it:
First, ensure that your trace file is being generated correctly during your test execution. You should be using the correct API or command to generate this file.
Next, open the saved trace using Playwright CLI or on
trace.playwright.dev. If you can't open it, there might be an issue with the trace file itself. Make sure it's not corrupted and contains valid data.
If you're still seeing a blank white page when viewing traces, try other methods to open and view them. For instance, instead of using
npx playwright show-trace, try uploading the trace file directly on
If you're trying to open remote traces from a URL, make sure that Cross-Origin Resource Sharing (CORS) rules aren't restricting access to those traces.
Ensure that your version of Playwright and Trace Viewer are compatible. An incompatible combination could result in issues like a blank white page appearing in the tracer view.
Refer to the official Playwright documentation on debugging tests and using Trace Viewer for more detailed information. If these steps don't resolve your issue, consider reaching out to Playwright's community forums or support channels for additional assistance.
Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email email@example.com.