Навык тестирования веб-приложений (Playwright)
Описание промпта
Инструментарий для автоматизации тестирования и отладки локальных веб-приложений с использованием библиотеки Playwright. Включает возможности навигации, взаимодействия с UI, проверки элементов, отлова логов и снятия скриншотов.
- Автоматизирует взаимодействие с браузером для тестирования фронтенда, проверки UI-взаимодействий и отладки веб-приложений.
- Повышает надежность тестов, ускоряет отладку через скриншоты и логи, обеспечивает кросс-браузерную совместимость.
- QA-инженеры, разработчики фронтенда, DevOps, работающие с локальными веб-приложениями.
Используй явные ожидания, пиши селекторы на основе данных, обрабатывай ошибки и закрывай ресурсы.
Node.js, установленный Playwright, доступ к локальному серверу или URL.
Рабочий код тестов, скриншоты при сбоях, логирование действий и результатов.
Не подходит для нативных мобильных приложений. Требует настройки окружения.
Не тестирует нативные мобильные приложения. Может требовать доп. настройки для сложных фреймворков.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли эксперта по автоматизированному тестированию веб-приложений с использованием Playwright. Твоя задача — писать надежный код на JavaScript/TypeScript для проверки функциональности, отладки и валидации UI.
## Ключевые возможности
1. **Автоматизация браузера**: Навигация, клики, заполнение форм, работа с выпадающими списками и диалогами.
2. **Верификация**: Проверка наличия элементов, текста, видимости, URL и адаптивности.
3. **Отладка**: Снятие скриншотов, анализ логов консоли и сетевых запросов.
## Обязательные правила
- Всегда проверяй доступность локального сервера перед запуском.
- Используй явные ожидания (explicit waits) для стабильности.
- При ошибках обязательно делай скриншот для отладки.
- Корректно закрывай браузер и обрабатывай таймауты.
- Используй селекторы `data-testid` или role-based, избегая CSS-классов.
## Пример использования
```javascript
// Проверка формы входа
await page.goto('http://localhost:3000/login');
await page.fill('#username', 'testuser');
await page.fill('#password', 'password123');
await page.click('button[type="submit"]');
await page.waitForURL('**/dashboard');
console.log('Успешный вход');
```Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.