Chrome extension for developers & QA

Record a click-through. Replay it. Export a test.

Open any page, press record, and click through your flow. StepRecorder captures every step as an editable, numbered list — replays it to verify (waiting for elements, checking your assertions) — and exports a clean Playwright or Cypress test, plus a numbered screenshot strip. One click. No terminal, no codegen CLI, no setup.

Add to Chrome — Free See pricing Free is unlimited · Pro is a one-time license
StepRecorder sidebar showing a numbered step list recorded from a form, with record/replay/assert/export controls

From a click-through to a real test — without writing code

StepRecorder records what you do, lets you verify it, and hands you idiomatic test code.

Records the real flow

Clicks, typing, selects, checkboxes and radios, Enter-to-submit, navigations — even elements inside web-component shadow DOM. One click, no DevTools.

Replay to verify

Re-runs your steps on the page, waiting for elements to appear so it doesn't flake, and reports what passed. See it work before you export.

Assertions built in

Click any element to assert it's visible, has the right text, or that the URL is correct. Your export becomes a real test — not a click log.

Playwright & Cypress export

Idiomatic getByRole locators, setChecked, and expect assertions that run in CI without cleanup. Cypress + JSON are Pro.

Numbered screenshot strip

One PNG documenting every step with its action — perfect for bug reports, docs, and onboarding. Replaces a separate screen-record tool. (Pro)

🔒

Privacy-first

Passwords, card/CVV, and tokens in URLs are masked automatically. Recordings stay on your device — nothing is uploaded.

Three steps

1

Open & record

Load the page, click the icon, press ● Record.

2

Click through

Do your flow. Add ✓ assertions on anything that matters.

3

Replay & export

Replay to verify, then export a Playwright/Cypress test or a screenshot strip.

A test — and a screenshot report — from one recording

The numbered screenshot strip turns a scan into a shareable, client-ready deliverable.

StepRecorder numbered screenshot strip: one PNG with a captioned screenshot per recorded step

Simple pricing

One-time license, no subscription.

Free
$0
  • Unlimited steps per recording
  • Editable numbered step list
  • In-tool assertions
  • Single-page replay
  • Playwright export (copy + download)
Add to Chrome
Best value
Pro
$49 one-time
  • Everything in Free
  • Cypress & JSON export
  • Numbered screenshot strip (PNG)
  • Seamless cross-page replay
  • Lifetime updates · 3 devices
Get Pro

Team or agency? Talk to us about volume licenses.

Add StepRecorder to Chrome

Free to start — install, open a page, and press Record.

Add to Chrome — Free

Coming soon to the Chrome Web Store.