Getting Started
Record your app
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 the replay with
console.logadded in at any point of the recording. - 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 first.replay.io. If you'd like to record your Playwright or Cypress tests, feel free to jump ahead.
Record your replay
Run the following command to open the Replay browser and start recording.
Terminal
This command will:
- Prompt you to login to your Replay account with Google (if not already logged in)
- Install the Replay browser (if not already installed)
- Open the Replay browser to begin recording
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 app with Replay DevTools.
Terminal
Now that we've recorded our first replay, lets look at what it looks like to inspect it with Replay DevTools.
FAQ
Inspect our replay
Walk through the steps of inspecting our new replay.
Replay DevTools
Overview of Replay's browser, framework, and time travel DevTools.
Setup a team
Learn how to share replays as a team.
Test Suites Analytics
Stay on top of your Test Suite's health.