DevTools для тестировщика
Вопрос
Какими возможностями DevTools ты пользуешься в работе и зачем?
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
Network: запросы, коды, тела, Preserve log, Disable cache, throttling, Copy as cURL
Console: ошибки JavaScript, предупреждения, CORS
Application: куки и их флаги, localStorage, очистка данных сайта
Elements: вёрстка, стили, временная правка для проверки
Эмуляция устройств и Lighthouse для адаптивности, скорости и доступности
Что могут спросить следом
- Как найти запрос, который пропадает после редиректа?
- Как сымитировать отсутствие сети?
Разбор
Чаще всего Network: смотрю запросы, статусы, заголовки и тела, включаю Preserve log, если есть редиректы, Disable cache, когда проверяю исправления вёрстки, и throttling, чтобы посмотреть медленную сеть или офлайн. Copy as cURL помогает повторить запрос в обход интерфейса и приложить к багу. Console для ошибок JavaScript и CORS. Application для кук, их флагов и localStorage, а ещё там очищаю данные сайта, чтобы проверить первый визит. Elements для вёрстки: можно поправить стиль на лету и показать разработчику, что именно не так. И эмуляцию устройств и Lighthouse для адаптивности, скорости и доступности.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.