Phase 5: Test

Purpose

The test phase validates the completed prototype against the component contract and WCAG accessibility criteria, producing a pass/fail report.

Prerequisites

Requires .singularskills/design/<component-name>/04-prototype.md from Phase 4; the skill also reads the contract in 02-define.md. Its gate script (scripts/gate.sh) stops the skill if 04-prototype.md is missing; --skip-checks bypasses it after logging a skipped event to .singularskills/log.jsonl.

What It Does

1. 01

   Reads the component contract and prototype notes
2. 02

   Checks each contract requirement against the prototype
3. 03

   Runs figma_a11y_lint to detect accessibility issues in the Figma component
4. 04

   Generates a scorecard with figma_a11y_scorecard for overall a11y health
5. 05

   Validates contrast ratios with figma_a11y_contrast_check
6. 06

   Simulates color-blind views with figma_a11y_color_blind_sim
7. 07

   Checks focus order with figma_a11y_focus_order
8. 08

   Generates a test report with pass/fail for each criterion
9. 09

   Writes to .singularskills/design/<component-name>/05-test.md

Output

After Testing

If the test report identifies issues, iterate by returning to the relevant phase (often prototype or define) to address them. The artifact flow is designed for iteration — update the artifact and re-run downstream phases.