Playwright – это библиотека Node.js с открытым исходным кодом, созданная Microsoft для автоматизации браузеров на базе Chromium, Firefox и WebKit с помощью единого API. Основная цель Playwright — улучшить автоматизированное тестирование пользовательского интерфейса. Playwright создан для обеспечения кросс-браузерной веб-автоматизации.
Тест драматурга позволяет:
- Запустите тесты во всех браузерах.
- Выполняйте тесты параллельно.
- Снимайте видео, снимки экрана и другие артефакты в случае сбоя.
- Наслаждайтесь изоляцией контекста из коробки.
- Интегрируйте свои POM в качестве расширяемых приспособлений.
Почему Драматург?
У драматурга очень богатые черты
- Простая установка: Драматург чрезвычайно легко выстроить за чрезвычайно несколько минут мы будем strong> начать писать скрипт
- Поддержка браузера. Playwright поддерживает несколько браузеров семейства Chromium (Chrome, Edge), Webkit (Safari) и Firefox.
- Параллельное тестирование. Playwright поддерживает параллельное выполнение. мы можем запускать параллельные тесты с несколькими браузерами.
- Поддержка нескольких вкладок. Playwright поддерживает работу с несколькими вкладками и окнами, открывая новое окно.
- Языковая поддержка: Драматург поддерживает Java, C#, Python и Javascript, Typescript, что делает его популярным.
- Тестирование. Используя Playwright, мы можем проводить сквозное, функциональное тестирование, тестирование API и тестирование доступности.
- Встроенные средства создания отчетов. Платформа Playwright поддерживает средства создания отчетов JSON, JUnit и HTML. Драматург также поддерживает репортер Allure Report.
- Поддержка CI/CD. Playwright поддерживает интеграцию CI/CD, например Jenkins, Circle CI, Bitbucket Pipeline Bamboo, AWS Code Pipeline, Travis CI, GitHub Actions и другие.
Установить Драматург
Существует два способаустановитьдраматург
Использование расширения VS Code
- Создайте папку e. g пример драматурга
- Откройте папку в VS Code
- Найдите расширение Playwright в коде vs и установите его.
4. Теперь нажмите команду + Shift + P
5. Введите "Установить Playwright".
Как только мы нажмем кнопку ОК, начнется установка драматурга.
Использование команды инициализации
- Создать папку
- Откройте папку в VS Code
- Запуск из корневого каталога проекта npm init playwright@latest
На приведенном выше снимке экрана мы видим, что драматург установлен, а также отображается файл спецификаций по умолчанию.
Создайте объектный файл первой страницы с помощью Playwright
Внутри папки pages создайте файл с именем google.spec.js.
В этом уроке мы собираемся написать два простых тестовых случая.
- Перейдите на google.com и подтвердите
- Выполните поиск по ключевому слову Драматург и проверьте результаты поиска.
Скопируйте и вставьте приведенный ниже код во вновь созданный файл google.spec.js.
GIT-КОД: SyedReshma9/google (github.com)
Настройте поведение Playwright Framework с помощью файла глобальной конфигурации Playwright.
Драматург предоставляет возможность создать конфигурационный файл, в котором можно указать такие значения, как имя браузера, базовый URL, ширина, высота.
Создайте файл playwright.config.js в папке проекта (корневой уровень).
В коде Visual Studio создайте новое имя файла как playwright.config.js. Этот файл должен быть создан в папке проекта (например, Playwright Framework) на корневом уровне.
Пример файла конфигурации для Playwright выглядит следующим образом:
//playwright.config.ts import { PlaywrightTestConfig } from '@playwright/test'; const config: PlaywrightTestConfig = { use: { baseURL: 'http://google.com/', browserName: 'chrome', headless: false, }, };
Бегать
Теперь давайте запустим его с помощью следующей команды:
npx playwright test
безголовый бег
Мы не видели браузер, потому что он по умолчанию запускается в безголовом режиме, чтобы изменить его, у нас есть несколько вариантов.
- укажите аргумент
--headed
:
npx playwright test google.spec.js --headed
- добавьте свойство
headless
со значениемfalse
в файле конфигурации.
import type { PlaywrightTestConfig } from '@playwright/test'; const config: PlaywrightTestConfig = { projects: [ { name: 'Chrome Stable', use: { browserName: 'chromium', channel: 'chrome', headless: false, // Add headless property }, }, ], }; export default config;
Запуск в нескольких браузерах
Чтобы запустить тесты в нескольких браузерах, нам просто нужно добавить их в массив projects
в нашем файле конфигурации.
mport type { PlaywrightTestConfig } from '@playwright/test'; const config: PlaywrightTestConfig = { projects: [ { name: 'Chrome Stable', use: { browserName: 'chromium', channel: 'chrome', }, }, { name: 'Safari', use: { browserName: 'webkit', } }, { name: 'Firefox', use: { browserName: 'firefox', } }, ], }; export default config;
Мы добавили браузеры Safari и Firefox и удалили свойство headless
из файла Chrome. Перед запуском давайте добавим одно общее свойство headless
для всех браузеров.
Заключение
Playwright Test — супермощный инструмент для запуска тестов, который предоставляет нам массу функций и возможностей для инфраструктуры автоматизации.
К сожалению, я не рассмотрел все функции. Тем не менее, я надеюсь, что вы узнали что-то новое из этой статьи, и вы, по крайней мере, попробуете или даже больше примените эти концепции к своему проекту.
Еще одна вещь, документация Playwright близка к идеальной, и вы можете найти там отличные примеры и советы. Итак, пожалуйста, прочитайте это.