Урок 18. Дев тулс в тестировании
Приветствую вас на лекции о том, как тестировщикам использовать инструменты разработчика, или DevTools. Сегодня мы узнаем, как эти инструменты помогают найти и исправить ошибки на веб-сайтах.
С помощью DevTools можно смотреть код страницы, проверять скорость загрузки и находить проблемы в работе сайта. Это простые в использовании, но очень мощные инструменты, которые должен знать каждый тестировщик.

Видео запись урока

Презентация

Домашнее задание

Задание 1.
  1. Откройте консоль разработчика в браузере Chrome.
  2. Перейдите на сайт https://habr.com/ru/articles/ и найдите на вкладке "Элементы" заголовок страницы (тег <h1>).
  3. Измените текст заголовка.
  4. Пришлите скриншот измененного элемента.
Напоминание: чтобы найти элемент в HTML документе, используйте комбинацию клавиш CTRL+F, находясь во вкладке Элементы.

Задание 2.
Перейдите в режим эмуляции мобильного устройства на сайте https://itgirl.work/testsite. Создайте новый девайс с размером экрана 360x640 px. Если найдете баги, специфичные для созданного устройства - создайте баг репорт.
  • В ДЗ пришлите скриншот созданного устройства и ссылку на баг.

Задание 3.
Находясь на сайте https://itgirl.work/testsite, перейдите на вкладку "Консоль". Скопируйте следующий текст и вставьте его в консоль: alert('Тестирование консоли') и нажмите Enter. Появилось всплывающее окно?
  • В ДЗ пришлите скриншот окна.

Примечание:
Функция alert() в JavaScript используется для вывода всплывающих окон. Когда мы вызываем ее в консоли разработчика, она просто делает то, для чего предназначена - показывает всплывающее окно с указанным текстом.
Это стандартное поведение, которое позволяет нам тестировать работу JavaScript на странице. Если после ввода команды alert окно появляется - значит JavaScript на сайте работает нормально.


❗️Выполненное ДЗ присылать в телеграмм на адрес https://t.me/qa4all_mentor
Для входа в Confluence и Jira используйте следующие данные:
  • students.qa4girls@gmail.com
  • kGHK6upqW5Hi2-W