Какую роль играет вкладка Network в DevTools при тестировании?

«Какую роль играет вкладка Network в DevTools при тестировании?» — вопрос из категории Инструменты тестирования, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Вкладка Network позволяет мониторить и анализировать все сетевые запросы, которые браузер отправляет и получает.

Ключевые возможности для тестирования:

  • Анализ производительности: оценка времени загрузки ресурсов (Waterfall), их размеров и последовательности.
  • Проверка корректности запросов:
    • Метод (GET, POST, PUT, DELETE).
    • Статус-коды (успешные 2xx, клиентские ошибки 4xx, серверные 5xx).
    • Заголовки (Request/Response Headers).
    • Полезная нагрузка (Payload) для POST/PUT запросов и тело ответа (Response).
  • Тестирование API: прямое наблюдение за вызовами к бэкенду, их параметрами и ответами.
  • Эмуляция сетевых условий: использование Throttling для симуляции медленного соединения (3G, Edge).

Пример: После действия на странице (например, отправки формы) в Network можно найти соответствующий XHR/Fetch-запрос, проверить его структуру и убедиться, что данные ушли корректно и получен ожидаемый ответ.