CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl-labs/cypress-testing

Cypress E2E testing patterns -- selectors, cy.intercept, cy.session, cy.clock, custom commands, test isolation, and anti-patterns

98

1.25x
Quality

99%

Does it follow best practices?

Impact

97%

1.25x

Average score across 4 eval scenarios

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

task.mdevals/scenario-2/

E2E Tests for a Multi-Step Form Wizard

Problem/Feature Description

A web application has a multi-step form wizard for user onboarding. Write Cypress E2E tests covering each step and the full completion flow.

The app runs on http://localhost:3000 with these pages:

  • /onboarding -- multi-step wizard with 3 steps:
    1. Personal info -- first name, last name, email fields with a "Next" button
    2. Preferences -- notification toggle, theme selector (light/dark), language dropdown, with "Back" and "Next" buttons
    3. Review and confirm -- summary of entered data with "Back" and "Submit" buttons
  • /welcome -- success page shown after completing onboarding

The app has these API endpoints:

  • POST /api/onboarding -- submits the completed onboarding data
  • GET /api/onboarding/validate -- validates form data for the current step

Form validation rules:

  • First name and last name are required (minimum 2 characters)
  • Email must be a valid email format
  • All fields on a step must be valid before "Next" is enabled

Output Specification

Produce:

  • cypress.config.ts -- Cypress configuration
  • cypress/e2e/onboarding.cy.ts -- tests for the multi-step wizard (navigation, validation, submission)
  • cypress/support/commands.ts -- any reusable test helpers
  • package.json -- with cypress dependency listed

You may create additional files for good test organization.

evals

tile.json