# StepRecorder — Record & Replay Browser Steps

> Record your clicks and typing as numbered steps, replay them on command, and export Playwright or Cypress tests.

Canonical page: [https://chrome-stats.com/d/steprecorder](https://chrome-stats.com/d/steprecorder)

## Overview

- **ID:** `steprecorder`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Vietcodex
- **Category:** web-development
- **Daily users:** 6
- **Weekly downloads:** 1
- **Version:** 0.1.0
- **Last updated:** 2026-07-06
- **First published:** 2026-07-03
- **Size:** 91 KB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/steprecorder/)
- **Website:** [https://vietcodex.dev/steprecorder](https://vietcodex.dev/steprecorder)

## Description

Turn a click-through into a replayable test — no code, no CLI.

StepRecorder records the interactions you perform on a page as a numbered, editable step list, replays them to verify they work, and exports a clean Playwright or Cypress test — plus a numbered screenshot strip. Everything happens in a sidebar; no terminal, no codegen command, no setup.

What it records

Clicks, typing, &lt;select&gt; dropdowns, checkboxes &amp; radios, Enter-to-submit, and navigations.
Elements inside web-component shadow DOM (captured via composedPath, replayed by piercing open shadow roots).
Robust selectors (data-testid → id → name → aria-label → CSS path), each with a fallback chain.
Replay that doesn't flake

Re-runs your steps on the page, waiting for each element to appear before acting.
Evaluates your assertions and tells you what passed.
Assertions built in

Click any element to assert it's visible, contains the right text, or that the URL is correct.
Your export becomes a real test with expect(...) / .should(...) — not just a click log.
Export clean code

Playwright (free): idiomatic getByRole(role, { name }) locators, setChecked, fill, and assertions that run in CI without cleanup.
Cypress and raw JSON export (Pro).
Numbered screenshot strip (Pro): one PNG with a captioned screenshot per step — for bug reports, docs, and onboarding.
Privacy-first

Passwords, card/CVV/OTP fields, and secret tokens in URLs are masked automatically before a step is stored, shown, exported, or replayed.
Recordings stay on your device — nothing is uploaded.
Free vs Pro

Free: unlimited steps, in-tool assertions, single-page replay, Playwright export.
Pro ($49, one-time): Cypress &amp; JSON export, the numbered screenshot strip, and seamless cross-page replay. Lifetime updates, up to 3 devices.
Not affiliated with or endorsed by Microsoft (Playwright), <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/b4a0bdb1c36b24b8625253afad8ee69f0533c12e8f3a434098da043f2c9e4e73/http%3A//Cypress.io" rel="nofollow">Cypress.io</a>, Google, or any site whose scripts it detects.

## Rankings

- #42,132 — Overall
- #24 — replay
- #72 — video recorder
- #75 — record
- #237 — reply

## Permissions and access

### Permissions

- `activeTab`
- `scripting`
- `storage`

## Safety

- **Risk impact:** Very low risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [E2E Recorder v2](https://chrome-stats.com/d/e2e-recorder-v2) — 8 users
- [Tracewright Recorder](https://chrome-stats.com/d/tracewright-recorder) — 20 users
- [Reqnroll Recorder](https://chrome-stats.com/d/reqnroll-recorder) — 1 users
- [DeploySentinel Recorder](https://chrome-stats.com/d/deploysentinel-recorder) — 333 users, 5.00 / 5
- [Action Replay Pro](https://chrome-stats.com/d/action-replay-pro) — 47 users
- [FlowR - Web Recorder / Website Recorder](https://chrome-stats.com/d/flowr-website-recorder) — 7 users
- [Copy Cat](https://chrome-stats.com/d/copy-cat-play) — 2 users
- [Time-Travel Debugger for The Web](https://chrome-stats.com/d/codex-recorder) — 1 users, 5.00 / 5
- [Evertest Recorder](https://chrome-stats.com/d/evertest-recorder)
- [Flow Recorder](https://chrome-stats.com/d/flow-recorder) — 2 users
- [Katalon Recorder | Automated Selenium Tests Genera](https://chrome-stats.com/d/katalon-automation-record) — 1,038 users, 4.35 / 5
- [Testsigma Recorder](https://chrome-stats.com/d/testsigma-recorder) — 24 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/steprecorder)
