Session Replay
Replay recorded user actions to automatically reproduce bugs in the browser.
Overview
Session Replay takes the user actions recorded during a VibeCheck session and re-executes them in a new browser tab. Instead of manually following reproduction steps, you click one button and watch the bug reproduce itself.
How it works
- Open a track on the VibeCheck platform
- Click the Replay button
- A new tab opens at the same starting URL
- VibeCheck re-executes each recorded action in order:
- Clicks on the same elements
- Types the same form values
- Scrolls to the same positions
- Navigates to the same pages
Each action is highlighted visually as it executes so you can follow along.
Playback controls
| Control | Description |
|---|---|
| Play / Pause | Start or pause the replay |
| Stop | End the replay session |
| Speed 1x | Real-time playback matching original timing |
| Speed 2x | Double speed |
| Speed 4x | Four times speed for quickly stepping through long sessions |
When to use replay
Session replay is most useful when:
- Bugs are hard to reproduce — the exact sequence and timing matter
- Multiple steps are involved — long reproduction flows with many interactions
- Timing is critical — race conditions or animation bugs that depend on speed
- Onboarding new team members — show them exactly how to trigger an issue
Limitations
- Replay works best on pages that are in the same state as when the original recording was made
- Dynamic content (e.g., data that has changed since recording) may cause different behavior
- Actions targeting elements that no longer exist will be skipped
- Authentication state must match — sign in to the same account if needed
Tips
- Start from the same page — make sure the starting URL matches
- Use 1x speed first to see if the bug reproduces
- Try different speeds — some timing-dependent bugs only appear at certain speeds
- Watch the action highlights to see exactly where each interaction happens