Trace viewer

Your task

👨‍💼 Another exercise, another task to solve! In this one, the test is failing on CI. But if you run it locally, it seems perfectly fine (don't get my word for it, verify that by yourself!).
Your goal is to dug deeper and figure out why is this test failing only on CI. To help you do that, I'm including a trace of the failed CI test in the trace.zip archive. It will be a crucial element to help you uncover the root cause of the issue.
🐨 Use the Trace viewer feature in Playwright to preview and inspect the failed test's trace.
npx playwright show-trace ./trace.zip
Inspect what the trace view gives you, including the timeline, test actions, the DOM, console, and network to see what hints at the problem.
🐨 A/B your findings with the local run of the test (npm test) to find the culprit.
🐨 Once you've found the root cause of the issue, outline how you would fix it. We will discuss the approach together in the solution to this exercise.

Please set the playground first

Loading "Trace viewer"
Loading "Trace viewer"