Дебаг с ИИ в Playwright

Новый практикум команды Playwright.

0
245
Дебаг Playwright-тестов с ИИ

«Отладка упавших тестов может быть утомительной, если сообщения об ошибках слишком подробные, или различия в снапшотах сложно понять. Но в Playwright есть ИИ, поэтому дебаг гораздо быстрее и интуитивно понятнее.

Рассмотрим простой тест Playwright со снапшотом, который проверяет, что контент внутри getByRole(‘main’) соответствует ранее сохраненному снапшоту (например, в снапшоте могут быть два разных заголовка).

Если в приложении меняется уровень заголовка — например, с h1 на h2 — тест завершится с ошибкой из-за несоответствия с сохраненным снапшотом. Обычно для исправления такой ситуации нужно просматривать стек вызовов, анализировать различия, и вручную обновлять тест или снапшот.

ИИ-исправление в один клик

Интеграция Playwright с ИИ существенно упрощает процесс. При сбое теста разработчик может нажать кнопку AI Fix в сообщении об ошибке. ИИ автоматически проанализирует контекст (различия в снапшоте, код теста, полное сообщение об ошибке) и предложит решение.

Это сообщение можно просмотреть и принять прямо в IDE. После исправления тест можно перезапустить, и зачастую он проходит без необходимости ручной отладки.

Кнопка AI Fix также доступна в Test Explorer в Visual Studio Code, что позволяет устранять ошибки прямо в процессе разработки.

Отладка в UI-режиме

UI-режим Playwright также поддерживает ИИ-отладку. Ввод npx playwright test —ui открывает интерактивный интерфейс визуального выполнения тестов.
При сбое теста рядом с ошибкой появляется кнопка Copy Prompt.

Этот промпт содержит весь релевантный контекст: полный снапшот страницы, сообщение об ошибке, и код теста. Этот промпт можно вставить в Copilot или подобный ИИ-инструмент, и получить советы, как решить ситуацию

После получения советов от ИИ, их можно применить через Apply in Editor, проверить что изменилось, и подтвердить изменения в редакторе. После повторного запуска теста он чаще всего проходит.

Отчеты и CI

Генерация AI-промптов доступна не только в инструментах разработки. Функция Copy Prompt также есть в HTML-репортах в Playwright: после прогона тестов можно открыть репорт, скопировать AI-промпт и передать его в любой ИИ-ассистент для дальнейшей отладки.

При отладке тестов в CI-средах Trace Viewer предоставляет доступ к функции AI-подсказок. Это позволяет решать проблемы при работе с удалёнными тестами.

Видео

https://www.youtube.com/watch?v=Ec_3h5Q8RHY

Таким образом, ИИ-отладка в Playwright повышает удобство, сокращая ручные действия при исправлении падающих тестов.»

Ссылки

dev.to

Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии