Cypress Studio logo

Cypress Studio

Open Source

Built-in Cypress feature for visually recording browser interactions and emitting cy.* commands.

Visit website

Pricing

Free / Open source

Type

Manual & Automation

Languages

JavaScript, TypeScript

// VERDICT

Reach for Cypress Studio when you already use Cypress and want to record/generate test steps (now AI-assisted) as a starting point. Skip it when you're not on Cypress, prefer fully hand-written tests, or want a cross-framework codeless tool.

Best for

Cypress's built-in record feature - generating Cypress test steps by interacting with your app (now with AI recommendations), to bootstrap tests without writing them by hand.

Avoid when

You don't use Cypress, you want fully hand-authored tests, or a standalone codeless tool across frameworks.

CI/CD fit

Generates Cypress specs that run in CI like any Cypress test

Languages

JavaScript · TypeScript

Team fit

Cypress teams · Manual testers moving to Cypress · Bootstrapping test steps

Setup

Easy

Maintenance

Low

Learning

Beginner

Licence

Free / Open source

// BEST FOR

  • Recording Cypress steps by interacting with the app
  • Built into Cypress (no experimental flag needed)
  • AI-assisted recommendations during recording
  • Bootstrapping tests for those new to Cypress
  • Generating a starting point to then refine in code
  • Lowering the barrier to writing Cypress tests

// AVOID WHEN

  • You don't use Cypress
  • You want fully hand-authored tests
  • A cross-framework codeless tool is needed
  • You distrust generated steps without review
  • Complex flows beyond recording are the norm
  • Studio's beta status concerns you

// QUICK START

Update to a current Cypress version -> open a spec and use Studio to record steps
by interacting with the app (AI-assisted) -> refine the generated code -> run in
CI like any Cypress test.

// ALTERNATIVES TO CONSIDER

ToolChoose it when
Playwright CodegenYou use Playwright and want its record/codegen.
TestsigmaYou want a full codeless platform across web/mobile/API.

// FEATURES

  • Record clicks, types, and assertions in the Cypress App
  • Append generated steps to existing tests
  • Edit recorded commands inline before saving
  • Emits idiomatic Cypress code, no proprietary format
  • Runs against the same dev server as full Cypress runs

// PROS

  • Bundled with Cypress — no extra install
  • Output is real Cypress code, ready to commit
  • Lowers the bar for first-time test authors on a Cypress project
  • Recorded tests run identically to hand-written ones

// CONS

  • Recorder UI is basic compared to dedicated codeless platforms
  • Best on stable selectors — drifts on dynamic UIs
  • Tied to Cypress — not a portable test format

// EXAMPLE QA WORKFLOW

  1. Update to a current Cypress version

  2. Record steps with Studio by using the app

  3. Use AI recommendations during recording

  4. Refine generated selectors and assertions

  5. Run the spec in CI like any Cypress test

  6. Maintain it as normal test code

// RELATED QA.CODES RESOURCES

Cheat sheets

Glossary