testing-patterns

Test-Driven Development (TDD): Behavior-Driven Testing: Factory Pattern: Create a custom render that wraps components with required providers: Usage: This skill is applicable to execute the workflow or actions described in the overview. - Write failing test FIRST - Implement minimal code to pass - Refactor after green - Never write production code without a failing test - Test behavior, not implementation - Focus on public APIs and business requirements - Avoid testing implementation details - Use descriptive test names that describe behavior - Create getMockX(overrides?: Partial ) functions - Provide sensible defaults - Allow overriding specific properties - Keep tests DRY and maintainable - Always use factory functions for props and data - Test behavior, not implementation - Use descriptive test names - Organize with describe blocks - Clear mocks between tests - Keep tests focused - one behavior per test - react-ui-patterns : Test all UI states (loading, error, empty, success) - systematic-debugging : Write test that reproduces bug before fixing