Getting Started
Record your application
Recording your application with the Replay browser lets you capture a bug once and inspect it after the fact without having to reproduce it again. This makes it possible to:
- Share the replay as a URL with your team so others can inspect it as if they were there when you recorded it.
- Debug your application by adding new
console.logstatements anywhere in the replay. - Inspect Network requests, React components, and DOM elements as if the application were running live on your laptop.
In this guide, we'll use the Replay CLI to record your interactions on the page https://first.replay.io. If you'd like to record your Playwright or Cypress tests instead, feel free to jump ahead.
Record your replay
Run the following command to open the Replay browser and start recording.
Terminal
This command:
- Prompts you to log in to your Replay account with Google (if not already logged in)
- Installs the Replay browser (if not already installed)
- Opens the Replay browser to begin recording
https://first.replay.io
Inspect your replay
When you close the browser, you'll be prompted to upload your recordings. Once the upload is completed, you will get a URL where you can inspect your application with Replay DevTools.
Terminal
Now that we've recorded our first replay, let's inspect it with Replay DevTools.
FAQ
Inspect your replay
Walk through the steps of inspecting your new replay.
Replay DevTools
Overview of Replay's browser, framework, and time travel DevTools.
Set up a team
Learn how to share replays as a team.
Test Suites Analytics
Stay on top of your Test Suite's health.