К основному содержанию
команда

e2e-setup — команда для Claude Code: что делает и как установить

Команда разворачивает сквозное E2E-тестирование в проекте, подбирает фреймворк и настраивает запуск тестов в CI.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓
npx claude-code-templates@latest --command testing/e2e-setup
Открыть на GitHub

Что делает 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-setup

2Вручную: положить файлы

.claude/commands/e2e-setup.md

Вызов — /e2e-setup. Для всех проектов — ~/.claude/commands/

Вопросы о 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

Похожие слэш-команды

Все слэш-команды по теме «Тесты и QA» →

Из того же набора361

Весь набор →
vercel-deploy-optimize Оптимизирует сборку Next.js и выкладывает её на Vercel, попутно проверяя конфиги и подключая мониторинг производительности. 506установок backend-architect Скилл для Claude Code, который помогает проектировать бэкенд: границы сервисов, контракты API, отказоустойчивость и наблюдаемость. Пригодится, когда решение принимается до первой строки кода. 501установок nextjs-api-tester Команда анализирует эндпоинты в Next.js и пишет для них проверки. Помогает протестировать авторизацию, валидацию данных и ошибки в App или Pages Router. 479установок neon-database-architect Субагент для проектирования схем Neon, настройки Drizzle ORM и оптимизации запросов в serverless-окружении. 478установок optimize-memory-usage Команда ищет утечки и лишний расход памяти, затем предлагает настройки и проверки для frontend, backend или базы данных. 476установок podcast-content-analyzer Субагент для Claude разбирает транскрипты подкастов: находит яркие моменты, режет на главы, вытаскивает ключевые слова и оценивает потенциал клипов. 474установок ci-pipeline Настраивает и проверяет CI/CD в GitHub Actions прямо из диалога. Пригодится, когда нужно развернуть пайплайн с тестами, матрицей версий и деплоем на staging и production. 470установок project-health-check Команда собирает метрики репозитория и формирует отчёт о состоянии проекта с оценкой от 0 до 100. Пригодится перед релизом или планированием спринта. 466установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой