Cypress timeline

Inspect your Cypress test as if it’s running locally with the Cypress timeline.

Cypress timeline


The Cypress timeline includes many of the features you’re accustomed to when debugging your test locally and some functionality that’s only possible with time travel.

Step actions

When you select a a test step action, you jump to that point in time and the location in the source code where the Cy action was executed.

Step events

The timeline shows relevant network events and lets you jump to the request in the Network monitor.

Step details

Selecting a step shows the step details below with the ability to jump from the test subject to the element in the Elements panel.

Time Travel

Jump to code

Clicking the Jump to code button seeks you from the test step into your React component’s event handler. There’s never been a more powerful way to start debugging a flaky test.

Check out this replay for a detailed walkthrough on debugging a flaky Cypress test. You'll see the capabilities of Replay DevTools and walk through the debugging process of identifying the root cause.

Redux Panel