Как тестировать web-приложения

Web-приложение живёт между браузером, backend, сетью, хранилищем и пользовательским интерфейсом. Проверка только кнопок на экране не даёт достаточной уверенности: нужно видеть весь путь от действия пользователя до изменения данных.

Что важно понять

• Основные пользовательские сценарии и навигацию.
• Валидацию на UI и backend, включая обход клиентских ограничений.
• Кроссбраузерность, адаптивность, локализацию и доступность.
• Ошибки сети, повторные запросы, кеш, session storage, cookies.

Рабочий порядок

1. Начните с happy path и зафиксируйте нормальное поведение.
2. Проверьте негативные ветки через UI и API.
3. Посмотрите DevTools: network, console, storage, performance.
4. Проверьте данные после действия пользователя в API или базе, если доступно.

Что отдавать команде

• Web checklist по слоям.
• HAR, console logs, скриншоты и видео для дефектов.
• Список браузеров и разрешений, на которых проверялось.

Частые провалы

• Ограничиваться одним браузером и одним размером экрана.
• Не смотреть сетевые ответы и считать UI единственным источником правды.
• Пропускать keyboard navigation и доступность.

Практика

Проверьте форму оформления заказа: desktop, mobile viewport, offline, double click, back button, refresh после оплаты, неверный промокод.