Как реализовать Integration тесты

Для интеграционных тестов во фронтенде обычно используют комбинацию Jest + Testing Library (React) или Cypress. Они проверяют взаимодействие компонентов и работу приложения в целом. Пример с React Testing Library: ```jsx import { render, screen, fireEvent } from '@testing-library/react'; import App from './App'; test('full app flow', async () => { render(); // Проверяем начальное состояние expect(screen.getByText('Login')).toBeInTheDocument(); // Имитируем действия пользователя fireEvent.click(screen.getByText('Login')); // Проверяем результат expect(await screen.findByText('Welcome')).toBeInTheDocument(); }); ``` Ключевые моменты: - Тестируют группы компонентов вместе - Проверяют пользовательские сценарии - Могут включать моки API (например, MSW) - В Cypress можно тестировать в реальном браузере Для E2E лучше подходит Cypress: ```js describe('Login flow', () => { it('should login successfully', () => { cy.visit('/'); cy.get('input[name=email]').type('test@example.com'); cy.get('input[name=password]').type('password'); cy.get('button[type=submit]').click(); cy.url().should('include', '/dashboard'); }); }); ```