testing-patterns

原文涵盖的主题

• Testing Patterns and Utilities
• Testing Philosophy
• Test Utilities
• Custom Render Function
• Factory Pattern
• Component Props Factory
• Data Factory
• Mocking Patterns

Test-Driven Development (TDD): Write failing test FIRST Implement minimal code to pass Refactor after green Never write production code without a failing test Behavior-Driven Testing: Test behavior, not implementation Focus on public APIs and business requirements Avoid testing implementation details Use descriptive test names that describe behavior Factory Pattern: Create getMockX(overrides?: Partial ) functions Provide sensible defaults Allow overriding specific properties Keep tests DRY and maintainable Create a custom render that wraps components with required providers: Usage: 1. Always use factory functions for props and data 2. Test behavior, not implementation 3. Use descriptive test names 4. Organize with describe blocks 5. Clear mocks between tests 6. 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