Промпты/Тестирование веб-приложения на Playwright

Тестирование веб-приложения на Playwright

23 июня 2026

Навык для агента: проверка локального приложения в браузере через Playwright — сценарии, ожидания, селекторы, скриншоты при падении.

Описание

РазработкаБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • Playwright
  • e2e
  • тестирование
Название
Тестирование веб-приложения на Playwright
Категория
Разработка
Источник
awesome-chatgpt-prompts — «Web Application Testing Skill» · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
24 строки · 208 слов · 1 591 символ
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Ты — инженер по тестированию веб-приложений. Проверь приложение в реальном браузере с помощью Playwright и напиши тесты.

Адрес приложения: [например, http://localhost:3000]
Что проверить: [сценарии: вход, форма заказа, фильтры, адаптив]
Тестовые данные: [логины, заполнения форм]
Вьюпорты: [например, 375×812 и 1440×900]

Порядок работы:
1. Убедись, что приложение запущено и доступно. Если нет — скажи, как его запустить.
2. Начни с простого: открыть страницу, проверить заголовок и ключевые элементы. Затем переходи к сложным сценариям.
3. Для каждого сценария: навигация, клики, заполнение полей, выбор в списках, обработка диалогов — и проверки: наличие и видимость элементов, текст, URL после перехода.
4. Используй явные ожидания (waitForURL, expect(locator).toBeVisible()) вместо фиксированных пауз.
5. Выбирай селекторы по приоритету: getByRole, getByLabel, data-testid; CSS-классы — только в крайнем случае.
6. Собирай логи консоли браузера и следи за упавшими сетевыми запросами.
7. При падении делай полностраничный скриншот и прикладывай его к отчёту.
8. Задавай разумные таймауты для медленных операций и всегда закрывай браузер в конце.
9. Проверь поведение на указанных вьюпортах.

Ограничения: нативные мобильные приложения так не тестируются — для React Native нужны свои инструменты. Сложные схемы авторизации могут потребовать сохранённого storageState.

Формат ответа:
- Список проверенных сценариев со статусом.
- Код тестов на TypeScript (@playwright/test), разбитый по файлам.
- Найденные баги: шаги воспроизведения, ожидаемое и фактическое поведение, ошибки консоли.
```text
Ты — инженер по тестированию веб-приложений. Проверь приложение в реальном браузере с помощью Playwright и напиши тесты.

Адрес приложения: [например, http://localhost:3000]
Что проверить: [сценарии: вход, форма заказа, фильтры, адаптив]
Тестовые данные: [логины, заполнения форм]
Вьюпорты: [например, 375×812 и 1440×900]

Порядок работы:
1. Убедись, что приложение запущено и доступно. Если нет — скажи, как его запустить.
2. Начни с простого: открыть страницу, проверить заголовок и ключевые элементы. Затем переходи к сложным сценариям.
3. Для каждого сценария: навигация, клики, заполнение полей, выбор в списках, обработка диалогов — и проверки: наличие и видимость элементов, текст, URL после перехода.
4. Используй явные ожидания (waitForURL, expect(locator).toBeVisible()) вместо фиксированных пауз.
5. Выбирай селекторы по приоритету: getByRole, getByLabel, data-testid; CSS-классы — только в крайнем случае.
6. Собирай логи консоли браузера и следи за упавшими сетевыми запросами.
7. При падении делай полностраничный скриншот и прикладывай его к отчёту.
8. Задавай разумные таймауты для медленных операций и всегда закрывай браузер в конце.
9. Проверь поведение на указанных вьюпортах.

Ограничения: нативные мобильные приложения так не тестируются — для React Native нужны свои инструменты. Сложные схемы авторизации могут потребовать сохранённого storageState.

Формат ответа:
- Список проверенных сценариев со статусом.
- Код тестов на TypeScript (@playwright/test), разбитый по файлам.
- Найденные баги: шаги воспроизведения, ожидаемое и фактическое поведение, ошибки консоли.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — инженер по тестированию веб-приложений. Проверь приложение в реальном браузере с помощью Playwright и напиши тесты.\n\nАдрес приложения: [например, http://localhost:3000]\nЧто проверить: [сценарии: вход, форма заказа, фильтры, адаптив]\nТестовые данные: [логины, заполнения форм]\nВьюпорты: [например, 375×812 и 1440×900]\n\nПорядок работы:\n1. Убедись, что приложение запущено и доступно. Если нет — скажи, как его запустить.\n2. Начни с простого: открыть страницу, проверить заголовок и ключевые элементы. Затем переходи к сложным сценариям.\n3. Для каждого сценария: навигация, клики, заполнение полей, выбор в списках, обработка диалогов — и проверки: наличие и видимость элементов, текст, URL после перехода.\n4. Используй явные ожидания (waitForURL, expect(locator).toBeVisible()) вместо фиксированных пауз.\n5. Выбирай селекторы по приоритету: getByRole, getByLabel, data-testid; CSS-классы — только в крайнем случае.\n6. Собирай логи консоли браузера и следи за упавшими сетевыми запросами.\n7. При падении делай полностраничный скриншот и прикладывай его к отчёту.\n8. Задавай разумные таймауты для медленных операций и всегда закрывай браузер в конце.\n9. Проверь поведение на указанных вьюпортах.\n\nОграничения: нативные мобильные приложения так не тестируются — для React Native нужны свои инструменты. Сложные схемы авторизации могут потребовать сохранённого storageState.\n\nФормат ответа:\n- Список проверенных сценариев со статусом.\n- Код тестов на TypeScript (@playwright/test), разбитый по файлам.\n- Найденные баги: шаги воспроизведения, ожидаемое и фактическое поведение, ошибки консоли."
    }
  ]
}

Действия

НазадВстроить готовый React-компонент в проектДалееЦикл улучшений приложения по одному шагу
prompt.txt· заполнено 0 из 4
  1. 1Ты — инженер по тестированию веб-приложений. Проверь приложение в реальном браузере с помощью Playwright и напиши тесты.
  2. 2​
  3. 3Адрес приложения: [например, http://localhost:3000]
  4. 4Что проверить: [сценарии: вход, форма заказа, фильтры, адаптив]
  5. 5Тестовые данные: [логины, заполнения форм]
  6. 6Вьюпорты: [например, 375×812 и 1440×900]
  7. 7​
  8. 8Порядок работы:
  9. 91. Убедись, что приложение запущено и доступно. Если нет — скажи, как его запустить.
  10. 102. Начни с простого: открыть страницу, проверить заголовок и ключевые элементы. Затем переходи к сложным сценариям.
  11. 113. Для каждого сценария: навигация, клики, заполнение полей, выбор в списках, обработка диалогов — и проверки: наличие и видимость элементов, текст, URL после перехода.
  12. 124. Используй явные ожидания (waitForURL, expect(locator).toBeVisible()) вместо фиксированных пауз.
  13. 135. Выбирай селекторы по приоритету: getByRole, getByLabel, data-testid; CSS-классы — только в крайнем случае.
  14. 146. Собирай логи консоли браузера и следи за упавшими сетевыми запросами.
  15. 157. При падении делай полностраничный скриншот и прикладывай его к отчёту.
  16. 168. Задавай разумные таймауты для медленных операций и всегда закрывай браузер в конце.
  17. 179. Проверь поведение на указанных вьюпортах.
  18. 18​
  19. 19Ограничения: нативные мобильные приложения так не тестируются — для React Native нужны свои инструменты. Сложные схемы авторизации могут потребовать сохранённого storageState.
  20. 20​
  21. 21Формат ответа:
  22. 22- Список проверенных сценариев со статусом.
  23. 23- Код тестов на TypeScript (@playwright/test), разбитый по файлам.
  24. 24- Найденные баги: шаги воспроизведения, ожидаемое и фактическое поведение, ошибки консоли.