Как тестируешь компоненты

Для тестирования компонентов использую **Jest** + **React Testing Library** (RTL). Основные подходы: 1. **Рендеринг** – проверяю, что компонент отображается без ошибок: ```jsx test('renders button', () => { render(Click); expect(screen.getByText('Click')).toBeInTheDocument(); }); ``` 2. **Поведение** – тестирую обработчики событий и состояние: ```jsx test('calls onClick when clicked', () => { const handleClick = jest.fn(); render(); fireEvent.click(screen.getByRole('button')); expect(handleClick).toHaveBeenCalled(); }); ``` 3. **Снимки (Snapshots)** – для контроля неожиданных изменений в верстке. 4. **Интеграционные тесты** – проверяю взаимодействие с другими компонентами/хуками. Ключевые принципы: - Тестирую как пользователь (через DOM, а не внутреннее состояние) - Избегаю тестирования реализации - Использую `data-testid` только когда нет других вариантов - Мокирую только внешние зависимости (API и т.д.)