Зачем тестировщику консоль в браузере

Практически 99, 9 % web-тестировщиков сталкиваются в своей работе с DevTools или с консолью разработчика. Освоив этот набор инструментов, QA-специалист может упростить себе работу — быстрее и эффективнее тестировать сайты и приложения. В этой статье рассказываем, зачем тестировщику консоль в браузере — как инструменты DevTools помогают в изучении внутренней структуры ресурса и тестировании функционала в режиме реального времени.
Зачем тестировщику консоль в браузере

Что мы рассмотрим:

  1. Как найти консоль разработчика.
  2. ТОП-7 полезных опций для тестировщиков.
  3. Ответы на часто задаваемые вопросы.

Где находится консоль разработчика

В зависимости от браузера визуал консоли может отличаться, иногда разнится и функционал, но базовые опции совпадают. Чтобы открыть консоль разработчика, можно воспользоваться пунктом в меню браузера или нажать горячую клавишу F12 в браузере.

По умолчанию консоль открывается справа. На консоли выводятся сообщения, ошибки JavaScript, CSS и другая важная для тестировщиков информация.

Зачем для тестирования используют консоль в браузере: ТОП-7 опций

Из всего списка возможностей DevTools выделим те, которые будут полезны тестировщикам:

1. Подмена User-Agent.

Многие специалисты, занимающиеся тестированием, вынуждены воспроизводить различные баги, обнаруженные клиентами продукта. Если использовать подмену User-Agent, можно легко отобразить любой баг, который до этого был воспроизведен с какой-либо версии браузера или операционной системы. Кстати, после тестирования важно не забыть вернуть данные в прежнее положение.

2. Имитация сетевого соединения на низкой скорости.

Так как часто тестирование проводится при хорошей скорости, выявить баг, который проявляется у пользователей при более низкой скорости бывает сложно. Зачем для тестирования используют консоль в браузере в этом случае? Благодаря имитации медленного соединения можно изучить, как ведет себя страница у некоторых пользователей устройств.

3. Блокирование запросов.

Функционал для проверки того, как будет вести себя страница, если пользователь использует любой из блокировщиков.

4. Неиспользуемый код.

При тестировании производительности эта функция может быть полезной, если есть задача отследить скорость загрузки ресурса и улучшить эти показатели. Если количество неиспользованного кода при загрузке страницы слишком большое, его можно указать как артефакт.

5. Настройка столбцов (функция находится во вкладке Network).

Полезная функция для тестировщиков. Используйте, чтобы настроить только те столбцы, которые в текущий момент нужны вам для анализа запросов на ресурсе.

6. Все о cookies во вкладке applications.

Так как задача тестировщика заключается в том, чтобы воспроизвести пользовательский сценарий, cookies — очень важная вещь. Используя разные сценарии работы с куками (поиск, удаление, изменение данных), можно улучшить тест-кейсы.

7. Снимки экрана в момент, когда страница загружается.

Опция, помогающая «поймать» ускользающий баг, отследить нелогичное поведение при загрузке страницы.

Конечно, DevTools не ограничивается функционалом, описанным в этой статье. И тестировщики, и другие специалисты найдут много полезных инструментов в консоли разработчика. Если статья была полезна, поставьте реакцию или оставьте комментарий.

Ознакомиться с программой курсов школы Test Pro и выбрать наиболее подходящий вариант на пути к развитию своей карьеры можно онлайн на нашем сайте, а также обратившись к специалисту Test Pro через формы Apply или Book a call. Также приглашаем вас на наш официальный YouTube канал.

test pro bootcamp

Обучение в Test Pro

Хотите начать карьеру в IT? Задумались над тем, что должен знать джуниор тестировщик? Команда Test Pro предоставляет возможность пройти полноценное обучение для новичков и более опытных специалистов в тестировании.

Курсы в Test Pro – это:

  • Индивидуальный подход к обучению;
  • Глубокое изучение теории;
  • Постоянная практика с реальными кейсами;
  • Работа в команде;
  • Развитие Soft-Skills;
  • Обучение английскому языку;
  • Подготовка к собеседованию;
  • Гарантированный поиск вакансии для Junior.

Узнайте больше про обучение в Test Pro, заполнив форму Apply на нашем сайте!

ПОДАТЬ ЗАЯВКУ

Часто задаваемые вопросы

Какая вкладка в консоли разработчика наиболее популярна у тестировщиков?

Среди всех инструментов DevTools вкладка Console используется тестировщиками чаще всего — здесь можно увидеть ошибки кода, найденные при выполнении скрипта.

Какую опцию лучше использовать, если нужно проверить, как открываются сайты на мобильных устройствах?

Используйте эмуляцию Андроид и ios/подключение при отладке. Эта опция позволяет без эмуляторов отследить, как ведет себя продукт на смартфонах с Андроид, подключив его к компьютеру.

Какие опции будут полезны специалистам, занимающимся автоматизацией тестирования?

Функция определения JS пути к строке. Можно скопировать весь путь к нужной строке в формате JS и сослаться на него в автоматизированном тесте.

ПОДАТЬ ЗАЯВКУ

Похожие статьи

Как стать QA тестировщиком

В понятие QA-тестирование входит целый комплекс подходов по контролю и обеспечению качества программного обеспечения. А поскольку современная разработка предполагает проверку функциональности на всех этапах, начиная от проектирования и заканчивая обновлениями проекта, уже запущенного в использование, то работы для тестировщиков много и она разнообразна.

Для того чтобы понять в общих чертах, как стать QA тестировщиком, достаточно представить себе простой пример. Допустим, есть мобильное приложение, и наша задача – не только проверить все кнопки, переходы между категориями, адаптивность верстки и дизайн, но и в целом оценивать, насколько данный продукт соответствует современным запросам пользователей и что в нем можно улучшить или изменить.

Для большинства начинающих всегда на первом месте стоит вопрос: как стать тестировщиком QA и обязательно ли при этом знать языки программирования. На практике тестирование может быть двух видов: ручное и автоматизированное. Автоматизация – это написание скриптов или сценариев одним из языков программирования. Данный способ позволяет выполнить более сложную проверку, например, можно смоделировать ситуацию, когда в приложение вошла одновременно тысяча пользователей.

Тем не менее, создание таких скриптов требует значительных трудозатрат, поэтому всегда остаются задачи для ручного тестирования, с которыми справится даже новичок, не знающий кода.

Далее разберем, как стать QA с нуля и что для этого нужно делать.

Что нужно для того, чтобы стать тестировщиком

Тестировщик – востребованная и хорошо оплачиваемая специальность. Практически на всех интернет-ресурсах можно найти довольно простое определение, что тестирование – это поиск ошибок в программном продукте на любом этапе его создания и в целом контроль качества ПО, обеспечение его соответствия желанию заказчика и конечного потребителя.

Однако это довольно абстрактное понятие, поэтому начинающий специалист или еще ученик не всегда понимает конкретно, что нужно знать, чтобы стать тестировщиком.

В данной статье поговорим о современных требованиях к базовым знаниям и навыкам тестирования программ и игр.

Сертификация тестировщика

Сертификация тестировщика – это программа обучения специалистов по международным стандартам. Сертифицированный тестировщик сегодня – это одна из наиболее востребованных профессий в Европе, США, Канаде, Австралии и странах Азии. Вы хотели бы изменить свою жизнь в лучшую сторону, начав карьеру в перспективной области с возможностью непрерывного развития? Тогда приглашаем Вас в ряды студентов Test Pro – успешных сертифицированных тестировщиков, абсолютное большинство которых сегодня трудоустроены во всемирно известных компаниях: «Google», «Meta», «Apple», «Fox News», «CBS» и прочих. Узнайте больше о том, как получить международный сертификат тестировщика онлайн совместно с Test Pro.