Глава 22. Тестирование, отладка и качество кода

Зачем эта глава

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

Теория (коротко)

Тесты проверяют, что компонент работает как нужно.

Отладка — поиск и исправление ошибок в коде.

JS
// Пример проверки ожиданий
expect(2 + 2).toBe(4);
Важно: даже минимальные тесты делают проект более надёжным.

Деплой React-приложения (Vite)

После разработки нужно опубликовать проект. Самый простой путь — Vercel, Netlify или GitHub Pages.

Bash
npm run build
npm run preview
  • Vercel — быстрый деплой через GitHub.
  • Netlify — удобно для статических сайтов.
  • GitHub Pages — бесплатно, но нужно настроить.

Задания

Задание: качество

  • Установи React Testing Library.
  • Напиши тест на отображение текста.
  • Используй консоль разработчика для отладки.

Практика для фриланса

Перед сдачей заказа сделай чеклист: работает ли навигация, формы, адаптив, скорость загрузки. Клиенты ценят такой подход.

Проверка себя

Ты знаешь, как проверять работу компонента и искать ошибки.

Мини-проект

Цель: протестировать форму.

Требования: тест проверяет, что заголовок и кнопка есть.

Критерий готовности: тест проходит без ошибок.

Словарь главы

Тест
Автоматическая проверка поведения кода.
Отладка
Поиск и исправление ошибок.