- Created 'Accessibility & WCAG 2.1 AA Tests' project in Testing & QA workspace
- Added 5 accessibility test workflows:
1. Verify data-testid Attributes on Canvas - Tests all canvas elements have proper test IDs
2. Test ARIA Labels and Roles - Verifies main, navigation, and complementary roles
3. Keyboard Navigation Test - Tests Settings modal keyboard accessibility (Tab/Escape)
4. Screen Reader Semantics - Verifies form inputs have associated labels
5. Color Contrast Verification - Basic contrast check for text elements
Test workflows use browser automation to verify:
- data-testid attributes on all interactive elements
- ARIA roles and labels for landmark navigation
- Keyboard accessibility (Tab navigation, Escape to close)
- Form label associations for screen readers
- Color contrast for WCAG AA compliance
Run with: npm run setup:test-workflows
Access at: http://localhost:3001/workspace/testing-qa
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Automated script to create all test workflows in the application.
## Features
Creates 'Testing & QA' workspace with 4 projects:
- API Integration Tests (3 workflows testing endpoints)
- Frontend Component Tests (2 workflows testing pages)
- End-to-End Scenarios (1 E2E workflow)
- Performance Tests (1 data setup workflow)
## Usage
npm run setup:test-workflows
or
npx ts-node scripts/setup-test-workflows.ts
## Output
Automatically creates:
- Workspace: 'Testing & QA'
- 4 test projects with appropriate colors
- 7+ initial test workflows
- Console output showing all created items
After running:
1. Open http://localhost:3001/workspace/testing-qa
2. Browse test projects
3. Execute any test workflow
4. View real-time results
This enables zero-friction test workflow creation!
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>