Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-10

1 Автоматизация браузера предоставляет тестировщику много преимуществ. Это и ускоренное выполнение повторяющихся задач, и улучшенное покрытие тестами web-сайта, и возможность распараллеливания рабочих нагрузок. В этой статье мы расскажем несколько слов о Puppeteer - продукте от Google, представляющим собой инструмент для автоматизации браузера Chrome.

2 Как известно, автоматизация веб-браузера даёт нам возможность управлять браузером программным способом. К примеру, мы сможем: - отслеживать обновление цен на товары в интернет-магазине; - писать функциональные тесты на сайт; - заполнять утомительную и длинную HTML-форму, обычно требующую повторного ввода вручную; - сначала собирать, а потом анализировать данные о конкурентах и многое другое.

3 <h2>Headless-браузер - что это?</h2>

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

5 <h2>Puppeteer</h2>

6 Puppeteer - headless-браузер, а также библиотека Node.js, позволяющая автоматизировать процессы в браузере Chromium посредством высокоуровневого API через Chrome DevTools Protocol. Код автоматизации, который пишет тестировщик, используя API Puppeteer, по сути, выполняет вызовы через API протокола DevTools.

7 Запустить Puppeteer из кода Node.js можно так:

8 Что выполняется в этом примере: • запуск Chrome; • открытие новой вкладки; • переход на example.com; • создание скриншота текущей страницы; • закрытие браузера.

9 <h2>Что важно знать</h2>

10 Прежде чем приступить к тестированию, следует удостовериться, что у вас установлен пакетный менеджерnpmи, разумеется, Node.js. Проверить это можно следующей командой:

11 nodejs -v || node -v && npm -vСледующий этап - создание нового npm-проекта в текущей директории. Команда ниже создаст конфигурационный файлpackage.json, а параметр-yпозволит пропустить вопросы, которые связаны с настройкой проекта (будут использованы дефолтные значения).

12 Вот как выглядит установка Puppeteer в директорию проекта:

13 npm install puppeteer@5.1.0 -saveВажно учесть, что для каждой версии Chromium предусмотрена своя версия Puppeteer.

14 Теперь давайте создадим файл с расширением.jsс кодом автоматизации. Он может выглядеть так:

15 Что же, останется запустить JS-файл через терминал, что обеспечит запуск вашего скрипта автоматизации.

16 Более подробную информацию о Puppeteer вы можете получить на курсе "<a>Автоматизация тестирования на JavaScript</a>" в OTUS.

17 Источники: • http://docs.multilogin.com/l/ru/article/tkhr0ky2s6-untitled-article-ru; • https://zen.yandex.ru/media/id/5d9dd12043863f00b19fb206/avtomatizaciia-brauzera-s-pomosciu-puppeteer-5e2f1a845ba2b567d0324d72.