Генерация тестов
Введение
Playwright предоставляет возможность генерировать тесты "из коробки", что является отличным способом быстро начать тестирование. Он откроет два окна: окно браузера, где вы взаимодействуете с веб-сайтом, который хотите протестировать, и окно Playwright Inspector, где вы можете записывать свои тесты, копировать их, очищать, а также изменять язык тестов.
Вы узнаете
Запуск Codegen
Используйте команду codegen
, чтобы запустить генератор тестов, указав URL веб-сайта, для которого вы хотите сгенерировать тесты. URL является необязательным, и вы всегда можете запустить команду без него, а затем добавить URL непосредственно в окно браузера.
npx playwright codegen demo.playwright.dev/todomvc
Запись теста
Запустите codegen
и выполняйте действия в браузере. Playwright сгенерирует код для взаимодействий пользователя. Codegen
будет анализировать отображаемую страницу и определять рекомендуемый локатор, отдавая приоритет ролям, тексту и тестовым идентификаторам. Если генератор обнаружит несколько элементов, соответствующих локатору, он улучшит локатор, чтобы сделать его устойчивым и уникально идентифицировать целевой элемент, тем самым устраняя и уменьшая количество сбоев и нестабильностей тестов из-за локаторов.
С помощью генератора тестов вы можете записывать:
- Действия, такие как клик или заполнение, просто взаимодействуя со страницей
- Утверждения, нажав на одну из иконок на панели инструментов, а затем кликнув на элемент на странице для проверки. Вы можете выбрать:
'assert visibility'
, чтобы проверить, что элемент виден'assert text'
, чтобы проверить, что элемент содержит определенный текст'assert value'
, чтобы проверить, что элемент имеет определенное значение
Когда вы закончите взаимодействовать со страницей, нажмите кнопку 'record'
, чтобы остановить запись, и используйте кнопку 'copy'
, чтобы скопировать сгенерированный код в ваш редактор.
Используйте кнопку 'clear'
, чтобы очистить код и начать запись заново. После завершения закройте окно Playwright Inspector или остановите команду в терминале.
Чтобы узнать больше о генерации тестов, ознакомьтесь с нашим подробным руководством по Codegen.
Генерация локаторов
Вы можете генерировать локаторы с помощью генератора тестов.
- Нажмите кнопку
'Record'
, чтобы остановить запись, и появится кнопка'Pick Locator'
. - Нажмите на кнопку
'Pick Locator'
, а затем наведите курсор на элементы в окне браузера, чтобы увидеть локатор, выделенный под каждым элементом. - Чтобы выбрать локатор, кликните на элемент, который вы хотите найти, и код для этого локатора появится в игровом поле локаторов рядом с кнопкой Pick Locator.
- Затем вы можете отредактировать локатор в игровом поле локаторов, чтобы точно настроить его и увидеть выделенный элемент в окне браузера.
- Используйте кнопку копирования, чтобы скопировать локатор и вставить его в ваш код.
Эмуляция
Вы также можете генерировать тесты с использованием эмуляции, чтобы создать тест для определенного viewport, устройства, цветовой схемы, а также эмулировать геолокацию, язык или часовой пояс. Генератор тестов также может генерировать тест, сохраняя состояние аутентификации. Ознакомьтесь с руководством Test Generator, чтобы узнать больше.