Глава 22. Тестирование, отладка и качество кода
Зачем эта глава
Чтобы брать заказы, нужно уметь не только писать код, но и проверять его. Тесты и отладка помогают избегать ошибок и повышают доверие клиентов.
Теория (коротко)
Тесты проверяют, что компонент работает как нужно.
Отладка — поиск и исправление ошибок в коде.
// Пример проверки ожиданий
expect(2 + 2).toBe(4);
Важно: даже минимальные тесты делают проект более надёжным.
Bash
Деплой React-приложения (Vite)
После разработки нужно опубликовать проект. Самый простой путь — Vercel, Netlify или GitHub Pages.
npm run build
npm run preview
- Vercel — быстрый деплой через GitHub.
- Netlify — удобно для статических сайтов.
- GitHub Pages — бесплатно, но нужно настроить.
Задания
Задание: качество
- Установи React Testing Library.
- Напиши тест на отображение текста.
- Используй консоль разработчика для отладки.
Практика для фриланса
Перед сдачей заказа сделай чеклист: работает ли навигация, формы, адаптив, скорость загрузки. Клиенты ценят такой подход.
Проверка себя
Ты знаешь, как проверять работу компонента и искать ошибки.
Мини-проект
Цель: протестировать форму.
Требования: тест проверяет, что заголовок и кнопка есть.
Критерий готовности: тест проходит без ошибок.
Словарь главы
- Тест
- Автоматическая проверка поведения кода.
- Отладка
- Поиск и исправление ошибок.