Создание тестов

Введение​

Playwright позволяет создавать тесты «из коробки», что является отличным способом быстро начать тестирование. Он откроет два окна: окно браузера, где вы взаимодействуете с веб-сайтом, который хотите протестировать, и окно Playwright Inspector, где вы можете записывать тесты, копировать их, очищать и менять язык тестов.

Вы узнаете

• Как записать тест
• Как генерировать локеры

Запуск Codegen​

Используйте команду codegen для запуска генератора тестов, за которой следует URL-адрес веб-сайта, для которого вы хотите сгенерировать тесты. URL-адрес является необязательным, и вы всегда можете запустить команду без него, а затем добавить URL-адрес непосредственно в окно браузера.

npx playwright codegen demo.playwright.dev/todomvc

Запись теста​

Запустите codegen и выполните действия в браузере. Playwright сгенерирует код для пользовательских взаимодействий. Codegen проанализирует отрисованную страницу и определит рекомендуемый локатор, отдавая приоритет локаторам role, text и test id. Если генератор определит несколько элементов, соответствующих локатору, он улучшит локатор, чтобы сделать его надежным и однозначно идентифицировать целевой элемент, тем самым устраняя и уменьшая случаи сбоев и непостоянства тестов из-за локаторов.

С помощью генератора тестов вы можете записать:

• Действия, такие как щелчок или заполнение, просто взаимодействуя со страницей
• Утверждения, нажав на одну из иконок в панели инструментов, а затем на элемент на странице, чтобы выполнить утверждение. Вы можете выбрать:
  • 'assert visibility' для проверки того, что элемент видим
  • 'assert text' для проверки того, что элемент содержит определенный текст
  • 'assert value' для проверки того, что элемент имеет определенное значение

​

После взаимодействия со страницей нажмите кнопку 'record' для остановки записи и кнопку 'copy' для копирования сгенерированного кода в ваш редактор.

Используйте кнопку 'clear' для очистки кода, чтобы начать запись заново. По окончании закройте окно Playwright Inspector или остановите команду в терминале.

Чтобы узнать больше о создании тестов, ознакомьтесь с нашим подробным руководством по Codegen.

Генерация локаторов​

Вы можете генерировать локеры с помощью генератора тестов.

• Нажмите кнопку 'Record' для остановки записи, и появится кнопка 'Pick Locator'.
• Нажмите на кнопку 'Pick Locator' и наведите курсор на элементы в окне браузера, чтобы увидеть выделенный локатор под каждым элементом.
• Чтобы выбрать локатор, щелкните по элементу, который вы хотите локализовать, и код этого локатора появится в окне локализации рядом с кнопкой «Выбрать локатор».
• Затем вы можете отредактировать локатор в окне локализации, чтобы уточнить его и увидеть выделенный соответствующий элемент в окне браузера.
• Используйте кнопку копирования, чтобы скопировать локатор и вставить его в свой код.

​

Эмуляция​

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

Что дальше​

• Посмотреть трассировку ваших тестов