Как тестировать React-компоненты без запуска проекта?

Тестирование React-компонентов без запуска проекта возможно благодаря библиотекам, которые рендерят компоненты в виртуальном DOM.

Основные шаги:

1. Выбор тестового раннера
   Обычно используют Jest.

2. Рендеринг компонента

   • React Testing Library — для тестирования с точки зрения пользователя (поиск по тексту, ролям и т.п.).

   • Enzyme — для тестирования внутренней структуры компонента.

3. Проверка результата
   Использование методов вроде getByText, queryByRole для поиска элементов.

Пример:

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

test('рендерит текст кнопки', () => {
  render(<MyButton />);
  expect(screen.getByText(/Click me/i)).toBeInTheDocument();
});

Вывод:
Можно тестировать UI-логику без запуска проекта, используя Jest + React Testing Library для максимально приближенного к реальности тестирования.