multi-step

Multi-Step Form (Wizard) Template

Content Preview
# Multi-Step Form (Wizard) Template

Tests wizard step navigation, validation per step, and final submission.

## Prerequisites
- Form wizard at `{{baseUrl}}/{{wizardPath}}`
- Steps: Step 1 (personal), Step 2 (details), Step 3 (review)

---

## TypeScript

```typescript
import { test, expect, Page } from '@playwright/test';

async function completeStep1(page: Page): Promise<void> {
  await page.getByRole('textbox', { name: /first name/i }).fill('{{firstName}}');
  await page.getByRole('textbox',
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/multi-step.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/playwright-pro/templates/forms/multi-step.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/playwright-pro/templates/forms/multi-step.md

Related Skills