«У меня открылось» — не проверка. Проверка связывает требование с конкретным действием и ожидаемым результатом. Для небольшого сайта новичку полезнее пройти десять важных сценариев вручную, чем добавить модное слово «тесты» в README и не запустить ни одного.
Четыре уровня проверки
- Функция: пустые поля, валидный запрос, повторное нажатие, ошибка сети.
- Интеграция: реально ли данные сохранились, корректно ли обработан ответ API?
- Интерфейс: читабельность, клавиатурное управление, фокус, ошибки, состояния загрузки.
- Адаптивность: нет ли обрезания, горизонтальной прокрутки, перекрытых кнопок на телефоне?
Автоматизируйте повторяющиеся критичные проверки, но сначала сформулируйте ручной сценарий. Playwright — один из вариантов браузерной автоматизации; инструмент не заменяет проверку на реальном телефоне и понятность интерфейса человеку.
Набор сценариев для формы заявки
| № | Ввод/условие | Проверяемый результат |
|---|---|---|
| 1 | Валидные поля | Один запрос, одно подтверждение |
| 2 | Нет имени | Отправка остановлена, видно поле для исправления |
| 3 | Нет контакта | Отправка остановлена, фокус/подсказка понятны |
| 4 | Двойной клик | Не создаются две заявки |
| 5 | Сервер вернул 500 | Нет ложного успеха, введённое сохранено |
| 6 | Очень длинный текст | Интерфейс остаётся управляемым; вход ограничен разумно |
| 7 | Клавиатура без мыши | Поля и кнопка достижимы, фокус виден |
| 8 | Экран 360 px | Нет горизонтальной прокрутки и обрезанных действий |
Проверяйте состояния, а не просто снимок успешной страницы. Если используется база, добавьте проверку реального результата в тестовом окружении и тест запрета на доступ к чужой записи.
Разбирайте дефект до исправления
Когда видите проблему, сохраните: шаги воспроизведения, ожидаемый результат, фактический результат, устройство/ширину, сообщение об ошибке и последний изменённый участок. Попросите агента исправить именно это наблюдаемое поведение и сообщить, какие файлы тронуты. После исправления повторите исходный сценарий и соседние регрессии.
Практика
- Заполните таблицу ручной проверки.
- Пройдите её сначала на телефоне или эмуляции, затем на широком экране.
- Отдельно проверьте управление с клавиатуры.
- Найдите один дефект, заведите карточку, исправьте и повторите сценарий.
- Отметьте, какие сценарии стоило бы автоматизировать перед следующими релизами.
Артефакт: заполненная таблица результатов и один закрытый дефект с доказательством повторной проверки.
Самопроверка
- Проверяете ли вы отрицательные сценарии и повторное действие?
- Понимаете ли, что покрывает автоматизация, а что нет?
- Есть ли доказательство, что баг не воспроизводится после фикса?