# webapp-testing

Слэш-команда гоняет локальное веб-приложение в реальном браузере через Playwright: клики, формы, скриншоты, логи консоли.

- команда · `type=command` · Claude Code · 259 установок
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/testing/webapp-testing.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/webapp-testing

## Что делает

Команда `webapp-testing` открывает страницу в браузере и проверяет, что интерфейс ведёт себя как задумано. Навигация по URL, заполнение полей, выбор из списков, обработка диалогов — всё это агент делает сам и показывает результат. Пригодится, когда фронтенд уже запущен локально, а руками щёлкать по формам лень.

Внутри — автоматизация Playwright: проверка наличия элементов, текста и видимости, валидация URL, съёмка скриншотов, чтение логов консоли и сетевых запросов. Есть готовые шаблоны: ожидание элемента, проверка существования, перехват ошибок со скриншотом. Команда разрешает агенту только `Bash` и `Read`.

Перед запуском нужен Node.js и работающее локальное приложение. Playwright ставится автоматически, если его нет. Нативный мобильный софт так не протестируешь — для этого авторы советуют React Native Testing Library. Сложные сценарии аутентификации могут сломаться, а некоторым современным фреймворкам нужна отдельная настройка.

## Требования
- Работает с: Playwright

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command testing/webapp-testing
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/webapp-testing.md` — Вызов — /webapp-testing. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/webapp-testing.md` — Вызов — /prompts:webapp-testing. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/webapp-testing.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/webapp-testing.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/testing/webapp-testing.md

## Когда брать
- проверить форму и переход на дашборд в реальном браузере
- снять скриншот страницы при падении теста
- посмотреть логи консоли и сетевые запросы
- убедиться, что элемент виден и содержит нужный текст
- прогнать простой сценарий до сложного потока

## Примеры запросов агенту
- запусти webapp-testing и проверь, что форма логина отправляется и ведёт на /dashboard
- сделай скриншот главной страницы через webapp-testing и покажи логи консоли
- прогони webapp-testing: кликни по кнопке, дождись элемента и проверь URL

## Похожие
- [recording-browser-flow-as-test](https://affpapa.org/nevibecode/skills/recording-browser-flow-as-test.md) — скилл · 406 установок
- [frontend-testing-debugging](https://affpapa.org/nevibecode/skills/frontend-testing-debugging.md) — скилл · 159 установок
- [e2e-testing-automation](https://affpapa.org/nevibecode/skills/e2e-testing-automation.md) — скилл · 689 установок
- [playwright-generate-test](https://affpapa.org/nevibecode/skills/playwright-generate-test.md) — скилл · 18162 установки
- [playwright-explore-website](https://affpapa.org/nevibecode/skills/playwright-explore-website.md) — скилл · 14792 установки
- [playwright-dev](https://affpapa.org/nevibecode/skills/playwright-dev.md) — скилл · 3700 установок

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 205 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md