Playwright – это библиотека Node.js с открытым исходным кодом, созданная Microsoft для автоматизации браузеров на базе Chromium, Firefox и WebKit с помощью единого API. Основная цель Playwright — улучшить автоматизированное тестирование пользовательского интерфейса. Playwright создан для обеспечения кросс-браузерной веб-автоматизации.

Тест драматурга позволяет:

  • Запустите тесты во всех браузерах.
  • Выполняйте тесты параллельно.
  • Снимайте видео, снимки экрана и другие артефакты в случае сбоя.
  • Наслаждайтесь изоляцией контекста из коробки.
  • Интегрируйте свои POM в качестве расширяемых приспособлений.

Почему Драматург?

У драматурга очень богатые черты

  1. Простая установка: Драматург чрезвычайно легко выстроить за чрезвычайно несколько минут мы будем strong> начать писать скрипт
  2. Поддержка браузера. Playwright поддерживает несколько браузеров семейства Chromium (Chrome, Edge), Webkit (Safari) и Firefox.
  3. Параллельное тестирование. Playwright поддерживает параллельное выполнение. мы можем запускать параллельные тесты с несколькими браузерами.
  4. Поддержка нескольких вкладок. Playwright поддерживает работу с несколькими вкладками и окнами, открывая новое окно.
  5. Языковая поддержка: Драматург поддерживает Java, C#, Python и Javascript, Typescript, что делает его популярным.
  6. Тестирование. Используя Playwright, мы можем проводить сквозное, функциональное тестирование, тестирование API и тестирование доступности.
  7. Встроенные средства создания отчетов. Платформа Playwright поддерживает средства создания отчетов JSON, JUnit и HTML. Драматург также поддерживает репортер Allure Report.
  8. Поддержка CI/CD. Playwright поддерживает интеграцию CI/CD, например Jenkins, Circle CI, Bitbucket Pipeline Bamboo, AWS Code Pipeline, Travis CI, GitHub Actions и другие.

Установить Драматург

Существует два способаустановитьдраматург

Использование расширения VS Code

  1. Создайте папку e. g пример драматурга
  2. Откройте папку в VS Code
  3. Найдите расширение Playwright в коде vs и установите его.

4. Теперь нажмите команду + Shift + P

5. Введите "Установить Playwright".

Как только мы нажмем кнопку ОК, начнется установка драматурга.

Использование команды инициализации

  1. Создать папку
  2. Откройте папку в VS Code
  3. Запуск из корневого каталога проекта npm init playwright@latest

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

Создайте объектный файл первой страницы с помощью Playwright

Внутри папки pages создайте файл с именем google.spec.js.

В этом уроке мы собираемся написать два простых тестовых случая.

  1. Перейдите на google.com и подтвердите
  2. Выполните поиск по ключевому слову Драматург и проверьте результаты поиска.

Скопируйте и вставьте приведенный ниже код во вновь созданный файл 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 близка к идеальной, и вы можете найти там отличные примеры и советы. Итак, пожалуйста, прочитайте это.