Recipes
Short, single-task how-tos for tracelane. Each recipe walks you through one concrete workflow end-to-end.
Hero recipes
Add a replayable HTML report to your WebdriverIO suite in 5 minutes
When I already have a WebdriverIO suite, I want session replays on failures without rewriting any of my existing config.
Debug a flaky checkout test that only fails in CI
When my checkout E2E passes locally and fails in CI, I want to see exactly what the browser was doing at the moment of failure.
Add a replayable HTML report to your Playwright suite in 5 minutes
When I already have a Playwright suite, I want session replays on failures without rewriting any of my specs.
Attach an rrweb replay to every Playwright failure on a PR
When a PR fails CI, my developer should not have to ask me what happened — the replay should be linked directly from the PR run.
Surface security-hygiene signals on failed tests
When my e2e suite already drives the real app, I want OWASP-aligned hygiene notes to fall out of the run I already have — not a separate scanner to wire up.
Short recipes
Collect tracelane replays across a sharded Playwright run
When I shard Playwright across CI machines, I want every shard's failure replays gathered in one place — no merge step.
Catch a visual regression across a test run
When a layout-only regression slips past my assertion-based tests, I want to scrub the replay to the frame where the page broke and screenshot it into the ticket.
Reproduce a headless-only test failure locally
When a test passes headed but fails headless, I want to see what the headless browser actually rendered without staring at a blank screen.
Share a failing test with a developer who lacks your repo
When a developer doesn't have the test repo cloned, I want to send them one link that shows the failure end-to-end without asking them to set anything up.
Triage a CI run with 200+ failures using a single index page
When a big nightly suite goes red across hundreds of specs, I want a single scannable index so I can spot the one real bug among the cascade of side-effects.