Как у вас было организовано тестирование? Какие инструменты использовались (Jest, Playwright)?

В проектах фронтенда тестирование обычно организовано на нескольких уровнях:

• Unit-тесты для проверки отдельных компонентов и функций. Для этого часто используется Jest — быстрый и удобный тест-раннер с возможностью мокирования и покрытия кода.

• Интеграционные и e2e-тесты для проверки работы приложения целиком. Для этого подходит Playwright, который позволяет автоматизировать браузер и имитировать действия пользователя.

Пример организации тестирования:

1. Unit-тесты с Jest для React-компонентов:

import { render, screen } from '@testing-library/react';
import Button from './Button';

test('renders button with text', () => {
  render(<Button>Click me</Button>);
  expect(screen.getByText('Click me')).toBeInTheDocument();
});

2. E2E-тест с Playwright:

const { test, expect } = require('@playwright/test');

test('homepage has title', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(page).toHaveTitle(/Example Domain/);
});

В целом, тестирование строится на сочетании Jest для модульных тестов и Playwright для сквозных сценариев, что обеспечивает надежность и качество фронтенд-кода.