e2e-setup — команда для Claude Code: что делает и как установить
Команда разворачивает сквозное E2E-тестирование в проекте, подбирает фреймворк и настраивает запуск тестов в CI.
npx claude-code-templates@latest --command testing/e2e-setupЧто делает e2e-setup
Команда анализирует проект с помощью Bash-скриптов. Она ищет файлы index.html, App.tsx и зависимости React или Vue в package.json. Также агент проверяет наличие существующих тестов и конфигураций GitHub Actions или GitLab CI.
На основе найденного контекста или переданных аргументов (--playwright, --cypress, --puppeteer, --webdriver, --mobile) настраивается тестовый контур. Агент устанавливает зависимости и готовит структуру директорий с шаблонами Page Object. Дополнительно создаются сценарии управления фикстурами и тестовыми данными.
Команде требуются права на запуск Bash и чтение файлов, иначе автоматическое определение окружения не сработает. Завершающим шагом она связывает запуск тестов с CI/CD и настраивает отчёты.
Какие задачи решает
- подобрать подходящий фреймворк для E2E-тестов под текущий стек
- развернуть структуру проекта с паттерном Page Object
- организовать фикстуры и очистку тестовых данных
- интегрировать автоматический прогон тестов в CI/CD
Примеры запросов агенту
- /e2e-setup --playwright
- Настрой сквозные тесты для проекта с помощью /e2e-setup --cypress
- /e2e-setup --mobile
Как установить e2e-setup
1Через claude-code-templates
npx claude-code-templates@latest --command testing/e2e-setup2Вручную: положить файлы
.claude/commands/e2e-setup.mdВызов — /e2e-setup. Для всех проектов — ~/.claude/commands/
Вручную: положить файлы
~/.codex/prompts/e2e-setup.mdВызов — /prompts:e2e-setup. В Codex этот формат помечен устаревшим, замена — скиллы
Вручную: положить файлы
.github/prompts/e2e-setup.prompt.mdВручную: положить файлы
.gemini/commands/e2e-setup.tomlGemini хранит команды в TOML: текст запроса — в поле prompt
Вопросы о e2e-setup
Как установить e2e-setup в Claude Code?
Выполните команду npx claude-code-templates@latest --command testing/e2e-setup в терминале или сохраните файл команды по пути .claude/commands/e2e-setup.md.
Что делает команда e2e-setup?
Она проверяет стек репозитория, устанавливает E2E-фреймворк, генерирует структуру тестов и настраивает автоматический запуск в CI.
Какие фреймворки поддерживает e2e-setup?
Поддерживаются Cypress, Playwright, WebDriver, Puppeteer и мобильные тесты. Если флаг не передан, команда пытается определить подходящий инструмент по файлам проекта.
Исходный текст
e2e-setup.md · MIT
--- allowed-tools: Read, Write, Edit, Bash argument-hint: "[framework] | --cypress | --playwright | --webdriver | --puppeteer | --mobile" description: Configure comprehensive end-to-end testing suite with framework selection and CI integration --- # E2E Setup Configure comprehensive end-to-end testing suite with framework optimization: **$ARGUMENTS** ## Current E2E Context - Application type: !`find . -name "index.html" -o -name "app.js" -o -name "App.tsx" | head -1 && echo "Web app" || echo "Detect app type"` - Framework: !`grep -l "react\\|vue\\|angular" package.json 2>/dev/null || echo "Detect framework"` - Existing tests: !`find . -name "cypress" -o -name "playwright" -o -name "e2e" | head -1 || echo "No E2E setup"` - CI system: !`find . -name ".github" -o -name ".gitlab-ci.yml" | head -1 || echo "No CI detected"` ## Task Implement comprehensive end-to-end testing with framework selection and optimization: **Framework Focus**: Use $ARGUMENTS to specify Cypress, Playwright, WebDriver, Puppeteer, mobile testing, or auto-detect best fit **E2E Testing Framework**: 1. **Framework Selection & Setup** - Choose optimal E2E tool, install dependencies, configure basic settings, setup project structure 2. **Test Environment Configuration** - Setup test environments, configure base URLs, implement environment switching, optimize test isolation 3. **Page Object Patterns** - Design page object model, create reusable components, implement element selectors, optimize maintainability 4. **Test Data Management** - Setup test data strategies, implement fixtures, configure database seeding, design cleanup procedures 5. **Cross-Browser Testing** - Configure multi-browser execution, setup mobile testing, implement responsive testing, optimize compatibility 6. **CI/CD Integration** - Configure automated execution, setup parallel testing, implement reporting, optimize performance **Advanced Features**: Visual regression testing, accessibility testing, performance monitoring, API testing integration, mobile device testing. **Quality Assurance**: Test reliability optimization, flaky test prevention, execution speed optimization, debugging capabilities. **Output**: Complete E2E testing setup with framework configuration, test suites, CI integration, and maintenance workflows.
© davila7 · MIT · davila7/claude-code-templates