Каким образом тестировать логику компонентов React

Для тестирования React-компонентов используют **Jest** + **React Testing Library** (RTL). Основные подходы: 1. **Рендеринг** – проверка корректного отображения компонента: ```jsx test('renders button with text', () => { render(Click); expect(screen.getByText('Click')).toBeInTheDocument(); }); ``` 2. **Пользовательские события** – симуляция кликов, ввода: ```jsx test('calls onClick when clicked', () => { const mockFn = jest.fn(); render(); fireEvent.click(screen.getByRole('button')); expect(mockFn).toHaveBeenCalled(); }); ``` 3. **Проверка пропсов и состояния**: ```jsx test('displays loading state', () => { const { rerender } = render(); rerender(); expect(screen.getByTestId('loader')).toBeInTheDocument(); }); ``` Ключевые принципы: - Тестируйте как пользователь (через DOM, а не внутреннее состояние) - Избегайте тестирования реализации - Используйте `screen` вместо деструктуризации `render` - Для асинхронных операций – `waitFor`, `findBy*`