skills.rest
adobe
adobeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

migration-testing

Automate Vitest, Playwright, and Storybook tests for migrated components.

1.5k|257|Updated Nov 19, 2018
Search Tags:#vitest#qa#playwright#storybook#web-components#component-migration#migration-testing
One-click install
npx skills add https://github.com/adobe/spectrum-web-components --skill migration-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: migration-testing
Source: https://github.com/adobe/spectrum-web-components/tree/main/.ai/skills/migration-testing
Command: npx skills add https://github.com/adobe/spectrum-web-components --skill migration-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Phase 6 of the 1st-gen to 2nd-gen component migration drives automated test coverage — unit tests, accessibility tests, and Storybook play functions for migrated components, enabling robust regression protection.

Core Features & Use Cases

  • Supports unit tests with Vitest for migrated components.
  • Provides an accessibility testing workflow with Playwright focused on migrated components.
  • Includes scaffolding for Storybook play functions to validate UI behavior in stories.

Quick Start

Create and run Vitest unit tests, Playwright accessibility tests, and Storybook play functions for the migrated component.

Frequently Asked Questions about migration-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate regression tests for migrated web components?▼

Automate component migration testing by running Vitest unit tests, Playwright accessibility checks, and Storybook play functions to validate UI behavior and enforce end-to-end regression coverage.

How do I scaffold Storybook play functions for component migration testing?▼

Scaffold Storybook play functions for component migration testing to validate UI behavior directly within stories, ensuring migrated components maintain their expected interactive states during the migration workflow.

Do I need Vitest and Playwright to test migrated web components?▼

You need Vitest for unit tests and Playwright for accessibility testing to fully execute the component migration testing workflow, ensuring robust regression protection across both behavior and accessibility scenarios.

What's the best way to run accessibility checks on migrated components?▼

The best way to run accessibility checks on migrated components is using Playwright within a dedicated testing workflow to validate compliance and ensure no regressions are introduced during the migration process.

When do I need automated test coverage for component migration?▼

You need automated test coverage for component migration during Phase 6 of the 1st-gen to 2nd-gen migration workflow to drive unit, accessibility, and play function tests that protect against regressions.

Related Skills

Explore More Software Engineering Skills→
lushly-devlushly-dev
4

write-tests

Guide unit, integration, and E2E test authoring with TDD workflows.

Official
Intermediate
UBAIDRAZA1UBAIDRAZA1

phase-workflow-runner

Audit project phases, fill gaps, run tests, and report readiness.

Community
Advanced
recca0120recca0120
11

storybook-component

Creates Storybook 10 stories with CSF3 meta, decorators, args, and play functions for React components.

Community
Basic
matthewharwoodmatthewharwood
1

storybook-play-functions

Attach play functions to StoryObj for in-story interaction tests.

Community
Intermediate