Skills
.Work. You
Rest

test-components

Official

Test web components with confidence.

Software Engineering#testing#accessibility#e2e#playwright#visual regression#web components
Authorlushly-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of testing web components, ensuring they are visually correct, accessible, and function as expected across different scenarios.

Core Features & Use Cases

  • E2E Testing: Conduct full-page Playwright tests against live development servers.
  • Visual Regression: Catch unintended visual changes by comparing screenshots against baselines.
  • Accessibility Testing: Automate WCAG 2.2 AA checks using axe-core to ensure compliance.
  • Shadow DOM Querying: Inspect and interact with elements within web component Shadow DOMs.
  • Use Case: When developing a new UI component, use this Skill to write comprehensive tests that cover its rendering, visual appearance, and accessibility, ensuring a high-quality user experience.

Quick Start

Use the test-components skill to run all Playwright E2E tests for the current project.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: test-components
Download link: https://github.com/lushly-dev/afd/archive/main.zip#test-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.