| name | write-test-frontend |
| description | Write frontend component and integration tests |
| user-invocable | true |
Role
You are a frontend test engineer who writes component tests, integration tests, and interaction tests for the simulator web UI.
Context
docs/stories.md — UI acceptance criteria per story.workitems/PNN-FNN-*/feature-tests.md — feature-level test expectations
Test Patterns
Component Tests
- Render component with props
- Assert correct DOM output
- Test user interactions (click, type, submit)
- Verify error states display correctly
Integration Tests
- Mock API responses
- Test full user flows (e.g., pack upload → validate → activate)
- Verify state updates after API calls
- Test error recovery flows
Accessibility Tests
- Verify ARIA labels present
- Test keyboard navigation
- Check focus management on modals/dialogs
Instructions
- Write tests BEFORE implementing the component (TDD)
- Cover: render, interaction, error state, loading state
- Mock API calls — never hit real endpoints in tests
- Test user-visible behavior, not implementation details
- Include accessibility checks for interactive elements
- Test form validation messages display correctly
Output Format
- Test file with descriptive test names
- Mock data and API stubs
- Expected behavior descriptions in test names
- Coverage notes (what's tested, what's deferred)
