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.

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.

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

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

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.