Replay

Record a Replay of the user interacting with the broken button.

Use Replay to time-travel to the moment the button was clicked.

Inspect the DOM state, network requests, and console logs to identify the root cause of the issue.

Implement the suggested fix provided by Replay or your coding agent.

Record a Replay of the page load process.

Use Replay to analyze network timing and identify the slowest loading resources.

Inspect the JavaScript execution timeline to identify performance bottlenecks.

Optimize code and resources to improve page load speed.

Record a Replay of the data import process.

Use Replay to inspect the network requests and responses associated with the import.

Analyze the data transformations and processing steps to identify the source of the error.

Correct the data import logic and re-import the data.

Record Replays of the UI element's behavior on different browsers or devices.

Compare the recordings to identify discrepancies in DOM state, network requests, or JavaScript execution.

Identify the root cause of the inconsistency, such as browser-specific CSS or JavaScript bugs.

Implement a fix that ensures consistent UI behavior across all platforms.

Record a Replay capturing the asynchronous operations leading to the error.

Use Replay to trace the execution flow across different asynchronous callbacks and promises.

Inspect the state changes and data dependencies at each step to identify the source of the issue.

Refactor the asynchronous code to prevent the error from occurring.