Key improvements:
1. Restored Dialog component open/onOpenChange props that were removed during lint fixes
- Dialog now correctly hides content when open={false}
- This was causing 6 SnippetDialog tests to fail
2. Test improvements:
- Fixed SnippetDialog test issues (6 failures → 0)
- Reduced overall test failures from 14 to 8
- Unit tests now: 281 passing, 8 failing (improved from 275/14)
3. Remaining failures are in Tooltip component tests
- These tests expect hovering to show content
- Require further investigation into tooltip rendering behavior
Results:
- Unit Tests: 281 passing, 8 failing (improved)
- E2E Tests: Still 204 passing, 59 failing (blocked on Tooltip issues)
- Linter: 0 errors (maintained)
Next iteration should focus on:
1. Tooltip component rendering and show/hide behavior
2. E2E test failures analysis
3. Further component fixes
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Third iteration of comprehensive accessibility improvements:
- Added test IDs to CodeEditorSection (preview checkbox, editor containers, error message)
- Added test IDs and roles to ReactPreview component (loading, error, unsupported states)
- Enhanced preview components with proper ARIA labels and status roles
- Added test IDs to demo feature cards with region role
- Improved error states with data-testid for error messages
- Added aria-label attributes to preview state containers
Component updates:
- CodeEditorSection: Enable preview checkbox, editor/preview containers, error display
- ReactPreview: Loading state, error state, unsupported language state
- DemoFeatureCards: Feature cards grid with region role
- Preview state management: Added proper ARIA roles (status, alert)
These additions enable comprehensive testing of:
- Code editor workflows (editing, preview toggling, error states)
- Component preview rendering and error handling
- Different preview states (loading, error, unsupported)
- Demo feature cards navigation and display
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Install Jest, @testing-library/react, and related dependencies
- Create jest.config.ts and jest.setup.ts configuration
- Generate unit tests for all 141 React components (1 per component)
- Tests cover UI components, app pages, features, and utilities
- 232 tests currently passing with proper assertions
- Add test scripts for running unit tests (npm test)
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
