Skip to content
Development
Skill

/e2e-testing-scaffolding

Scaffolds E2E test suite structure with Playwright configuration and Testkube integration.

From plugin
sdd
4459 skills7 agents3 commands
Install
$ npx -y skills add LiorCohen/sdd --skill e2e-testing-scaffolding --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/e2e-testing-scaffolding

Context preview

The summary Claude sees to decide when to auto-load this skill.

Scaffolds E2E test suite structure with Playwright configuration and Testkube integration.

SKILL.md

e2e-testing-scaffolding.SKILL.md
name: e2e-testing-scaffolding
description: Scaffolds E2E test suite structure with Playwright configuration and Testkube integration.
user-invocable: false

E2E Testing Scaffolding

Scaffolds an end-to-end testing component with Playwright for browser automation and Testkube for Kubernetes-native test execution.

Input

Invoked by the scaffolding orchestrator with:

  • `component_name`: Name of the testing component
  • `project_name`: Project name from settings
  • `existing_components`: Currently configured components (servers, webapps)

Directory Structure

components/testing/e2e/{name}/
├── src/
│   ├── fixtures/
│   │   ├── auth.fixture.ts     # Authentication helpers
│   │   └── page.fixture.ts     # Page object base
│   ├── pages/
│   │   └── .gitkeep            # Page objects go here
│   ├── tests/
│   │   └── .gitkeep            # Test files go here
│   └── helpers/
│       ├── test-data.ts        # Test data management
│       └── selectors.ts        # data-testid selectors
├── playwright.config.ts
├── package.json
├── tsconfig.json
└── README.md

Workflow

1. Create the testing directory structure 2. Generate Playwright configuration:

  • Configure browsers (chromium by default)
  • Set base URL from webapp config
  • Configure test timeouts and retries

3. Create fixture files for authentication and page objects 4. Generate Testkube test suite definition (if helm components exist) 5. Create README with E2E testing conventions

Standards

Follow `e2e-testing-standards` for test structure, page object patterns, and selector conventions.

Output

Returns a declared actions response with `register_component` action for the new E2E testing component.

Read more
Ships withsdd

Structure for AI-assisted development AI coding assistants are powerful but chaotic. You prompt, you get code, but then what?

Get the whole plugin

Other skills on sdd.