@smartsoft001-mobilems/claude-plugins 2.75.0 → 2.77.0

package/plugins/flow/skills/test-e2e/SKILL.md

@@ -0,0 +1,161 @@
+---
+name: test-e2e
+description: Orchestrate E2E Playwright test creation — scaffold project, inject data-testid attributes, write Page Objects and test specs, and run tests.
+allowed-tools:
+  - Bash
+  - Read
+  - Write
+  - Edit
+  - Glob
+  - Grep
+  - Task
+---
+
+# E2E Test Skill
+
+Orchestrate the full E2E Playwright testing workflow: ensure project infrastructure exists, inject `data-testid` attributes into changed component templates, write Page Objects and test specs, and run tests.
+
+## Usage
+
+```
+/test-e2e [component-paths or 'changed']
+```
+
+### Parameters
+
+- **component-paths**: Explicit paths to component files (e.g., `libs/shared/angular/src/lib/components/contact-form/contact-form.component.ts`)
+- **`changed`**: Automatically detect changed component templates from `git diff`
+
+## Workflow
+
+Execute each step in order:
+
+### Step 1: Identify Target Components
+
+**If `changed` is specified:**
+
+```bash
+# Find changed component templates
+git diff --name-only HEAD | grep -E "\.component\.(html|ts)$"
+```
+
+**If explicit paths are provided:**
+
+Use the provided paths directly.
+
+**Output:** List of component files to process.
+
+### Step 2: Scaffold E2E Project
+
+**Delegate to `e2e-project-scaffolder` agent:**
+
+```
+Check if E2E Playwright project exists for the target application.
+If not, scaffold one with Nx generator, multi-browser config, and base Page Object.
+```
+
+The agent will:
+1. Check for existing E2E project (idempotent)
+2. Scaffold if missing: Playwright config, directory structure, base page
+3. Report status
+
+**If project already exists:** Continue to Step 3.
+**If scaffolded:** Continue to Step 3.
+
+### Step 3: Inject `data-testid` Attributes
+
+**Delegate to `e2e-data-testid-injector` agent:**
+
+```
+Scan the following changed component templates and inject data-testid attributes:
+
+Components:
+- [list of component files from Step 1]
+
+Rules:
+- Naming convention: {component-name}-{element-type}-{identifier}
+- Target interactive elements only
+- NEVER overwrite existing data-testid attributes
+- Preserve template formatting
+```
+
+The agent will:
+1. Read each component template
+2. Identify interactive elements without `data-testid`
+3. Inject attributes following naming convention
+4. Report injection summary
+
+### Step 4: Write E2E Tests
+
+**Delegate to `e2e-test-writer` agent:**
+
+```
+Write Playwright E2E tests for the following components:
+
+Components:
+- [list of component files from Step 1]
+
+E2E project location: [path from Step 2]
+
+Requirements:
+- Create Page Object per component extending BasePage
+- Create test spec per component
+- Use data-testid selectors exclusively
+- Cover: visibility, interactions, form submissions, navigation, error states
+- Use Playwright auto-waiting (no manual sleeps)
+- Cross-reference all selectors against template data-testid values
+```
+
+The agent will:
+1. Read component `.ts` and `.html` files
+2. Create Page Objects in `e2e/src/pages/`
+3. Create test specs in `e2e/src/specs/`
+4. Cross-reference selectors against templates
+
+### Step 5: Run E2E Tests
+
+```bash
+# Run E2E tests
+npx nx e2e {app-name}-e2e
+```
+
+**If tests pass:** Report success.
+**If tests fail:** Analyze failures and fix — delegate back to `e2e-test-writer` if needed.
+
+### Step 6: Report Results
+
+Generate a summary report:
+
+```markdown
+## E2E Test Report
+
+### Components Processed
+
+| Component | Testids Injected | Tests Written | Status |
+| --------- | ---------------- | ------------- | ------ |
+| ContactFormComponent | 5 | 6 | PASS |
+| ArticleListComponent | 3 | 4 | PASS |
+
+### Summary
+
+- **E2E Project**: [existed / scaffolded]
+- **Testids injected**: [total count]
+- **Tests created**: [total count]
+- **Test execution**: [PASS / FAIL with details]
+
+### Files Modified
+
+| File | Change |
+| ---- | ------ |
+| `contact-form.component.html` | Added 5 data-testid attributes |
+| `e2e/src/pages/contact-form.page.ts` | New Page Object |
+| `e2e/src/specs/contact-form.spec.ts` | New test spec (6 tests) |
+```
+
+## Rules
+
+1. **Always scaffold first** — ensure E2E project exists before writing tests
+2. **Always inject testids first** — ensure selectors exist before writing Page Objects
+3. **Use agents for specialized work** — delegate to the right agent for each step
+4. **Run tests after writing** — verify tests pass before reporting success
+5. **Report comprehensively** — include injection summary, tests created, and execution status

package/plugins/flow-legacy/.claude-plugin/plugin.json

@@ -1,5 +1,5 @@
 {
   "name": "flow-legacy",
   "description": "Development flow skills for legacy Angular 14 projects with Linear-driven workflow",
-  "version": "2.75.0"
+  "version": "2.77.0"
 }