E2E Testing
Use when creating, maintaining, debugging, or reviewing real-browser end-to-end tests with Playwright or Cypress, including Page Object models, CI artifacts, traces, flaky tests, cross-page visual regression, and critical user journeys such as login, payment, permissions, or CRUD. For layer planning Skill: E2E Testing Owner: bovinphang Summary: Use when creating, maintaining, debugging, or reviewing real-browser end-to-end tests with Playwright or Cypress, including Page Object models, CI artifacts, traces, flaky tests, cross-page visual regression, and critical user journeys such as login, payment, permissions, or CRUD. For layer planning Tags: latest:2.9.0 Version history: v2.9.0 | 2026-09-26T14:59:46.492Z | u
Rank
62
Safety
84
Downloads
1.3k
Updated
Oct 10, 2026
Version
2.9.0
Source
CLAWHUB
About
What it does, and when to use it.
Capability contract not published. No trust telemetry is available yet. 1.3K downloads reported by the source. Last updated 10/10/2026.
Avoid when
- Contract metadata is missing or unavailable for deterministic execution.
Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing
Public facts
Every fact links back to the source it came from.
- Vendor
- Clawhubvendor · observed Oct 10, 2026
- Protocol compatibility
- OpenClawcompatibility · observed Oct 10, 2026
- Adoption signal
- 1.3K downloadsadoption · observed Oct 10, 2026
- Latest release
- 2.9.0release · observed Sep 26, 2026
- Handshake status
- UNKNOWNsecurity
Install and run
Setup complexity: low.
clawhub skill install s175m64gr8tsfc06cj22czzfys83mp52:fec-e2e-testing- Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
- Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.
Contract: missing
curl -s "https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-e2e-testing/snapshot"
Documentation
CLAWHUB
68,431 characters of source documentation, loaded on request.
Extracted files
5 files captured from the source.
SKILL.md
--- name: fec-e2e-testing description: Use when creating, maintaining, debugging, or reviewing real-browser end-to-end tests with Playwright or Cypress, including Page Object models, CI artifacts, traces, flaky tests, cross-page visual regression, and critical user journeys such as login, payment, permissions, or CRUD. For layer planning or tests close to UI components, choose the matching testing workflow first; Chinese triggers include E2E, end-to-end testing, Playwright, Cypress. --- # E2E Test Specification ## Purpose Validate key user journeys with real browsers and uncover integration risks not covered by unit tests. ## Procedure 1. Clarify the key journeys: cross-page processes such as login, purchase, creation, search, permissions, payment, etc. are given priority; if you only choose the test level, do the test hierarchical planning first. 2. New projects will be given priority by Playwright; existing Cypress projects will continue to use Cypress and will not be migrated for the sake of migration. 3. Use Page Object or fixtures to encapsulate login, page locator and shared data, and avoid naked selectors in the spec. 4. Assert that the user can see the results, relying on Locator automatic waiting, network response or visible status, without using fixed sleep. 5. CI must upload HTML report, screenshots, trace or video; Flaky use cases must be isolated, reproduced, marked with sources and associated with issues. 6. When debugging fails, read the trace, console, network and screenshots first, and then change the test; do not misjudge real product defects as flaky. 7. Record the test environment, seed data and cleanup strategies for key browser capabilities, payment, permissions, uploads and real-time communication processes. 8. Test data must be repeatable: API seeds, database fixtures, test accounts or mock services are preferred; random data must have a unique prefix and be cleaned in teardown. ## Detailed reference - Load [references/playwright-patterns.md](references/playwright-patterns.md) when you need directory structure, Page Object, spec organization, configuration, flaky debugging and production examples. - Load [references/e2e-ci-reporting.md](references/e2e-ci-reporting.md) when you need CI examples and Markdown report templates. - Load [references/e2e-special-scenarios.md](references/e2e-special-scenarios.md) when Web3/wallet flows or high-risk financial flows are required. - When cross-page screenshots or visual regression configuration are required, load [references/e2e-visual-regression.md](references/e2e-visual-regression.md). ## Constraints - Disable reliance on `sleep` / fixed `setTimeout` as primary synchronization means. - Do not run real E2E in production environment. - Avoid asserting component internal pixel-level styles in E2E; cross-page screenshots/visual regressions only cover key page states in the user journey. - Failure must be able to be located by taking screenshots, traces or videos. - Component in
README.md
# E2E Test Specification Create and maintain real-browser journeys, selectors, traces, and CI artifacts with Playwright or Cypress. ## Skill - ID: `fec-e2e-testing` - Category: `testing` - Version: `2.9.0` - Source: `skills/fec-e2e-testing/SKILL.md` ## Description Use when creating, maintaining, debugging, or reviewing real-browser end-to-end tests with Playwright or Cypress, including Page Object models, CI artifacts, traces, flaky tests, cross-page visual regression, and critical user journeys such as login, payment, permissions, or CRUD. For layer planning or tests close to UI components, choose the matching testing workflow first; Chinese triggers include E2E, end-to-end testing, Playwright, Cypress. ## Usage Install or import this package with any skill runtime that understands the standard `SKILL.md` layout. The canonical source remains the Frontend Craft repository. ## Packaged Files - [references/e2e-ci-reporting.md](references/e2e-ci-reporting.md) - [references/e2e-special-scenarios.md](references/e2e-special-scenarios.md) - [references/e2e-visual-regression.md](references/e2e-visual-regression.md) - [references/playwright-patterns.md](references/playwright-patterns.md) ## Optional Related Packages - `@bovinphang/fec-testing-strategy` - `@bovinphang/fec-component-testing` - `@bovinphang/fec-storybook-component-doc` - `@bovinphang/fec-validation-fix` ## License MIT
_meta.json
{
"ownerId": "kn7b0nh7hvj1pffeqc8y0dqwwh83m726",
"slug": "fec-e2e-testing",
"version": "2.9.0",
"publishedAt": 1790434786492
}references/e2e-ci-reporting.md
#E2E CI & Reporting
## CI integration (example)
```yaml
# .github/workflows/e2e.yml
name: E2E Tests
on: [push, pull_request]
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20
- run: npm ci
- run: npx playwright install --with-deps
- run: npx playwright test
env:
CI: true
BASE_URL: ${{ vars.STAGING_URL }}
- uses: actions/upload-artifact@v4
if: always()
with:
name: playwright-report
path: playwright-report/
retention-days: 30
```
Cypress: Fixed `CYPRESS_baseUrl` or `baseUrl` in the configuration file. Failure screenshots/videos are also recommended to upload artifacts.
## E2E report template (Markdown)
The following structure can be used when outputting or archiving test reports to facilitate review:
```markdown
# E2E test report
**Date:** YYYY-MM-DD HH:mm
**Time taken:** X minutes Y seconds
**Result:** Pass/Fail
## Summary
- Total X | Pass Y | Fail Z | Unstable/Skip Description
## Failed use case
### Use case name
- **File:** `tests/e2e/xxx.spec.ts:line number`
- **ERROR:** Brief assertion or timeout information
- **Screenshot/Trace:** path or artifact name
- **Suggested fix:** Executable conclusion
## Product
- HTML report: `playwright-report/index.html`
- Trace / Video / Screenshot: CI artifact or local `test-results/`
```references/e2e-special-scenarios.md
#E2E Special Scenario
## Web3/Wallet Injection (Playwright)
Inject mock through `context.addInitScript` before **`page.goto` to avoid relying on real plugins:
```typescript
test("Connect wallet", async ({ page, context }) => {
await context.addInitScript(() => {
(window as unknown as { ethereum?: unknown }).ethereum = {
isMetaMask: true,
request: async ({ method }: { method: string }) => {
if (method === "eth_requestAccounts")
return ["0x1234567890123456789012345678901234567890"];
if (method === "eth_chainId") return "0x1";
return null;
},
};
});
await page.goto("/");
await page.getByTestId("connect-wallet").click();
await expect(page.getByTestId("wallet-address")).toContainText("0x1234");
});
```
Just keep the chain ID, account list and business contract consistent.
## Financial or high-risk operations
- **It is prohibited** to perform real fund operations in a real production environment; use **staging, mock or `test.skip`**.
- Assert **preview amount**, success status** and **key interface 200** before ending the use case, with sufficient timeout (such as on-chain confirmation scenario).
```typescript
test("Order preview and success status", async ({ page }) => {
test.skip(process.env.NODE_ENV === "production", "The production environment skips real transactions");
await page.goto("/markets/demo");
await page.getByTestId("position-yes").click();
await page.getByTestId("trade-amount").fill("1.0");
const preview = page.getByTestId("trade-preview");
await expect(preview).toContainText("1.0");
await page.getByTestId("confirm-trade").click();
await page.waitForResponse(
(resp) => resp.url().includes("/api/trade") && resp.status() === 200,
{ timeout: 30_000 },
);
await expect(page.getByTestId("trade-success")).toBeVisible();
});
```AionUi
Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!
activepieces
AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
cherry-studio
AI productivity studio with smart chat, autonomous agents, and 300+ assistants.
CopilotKit
The Frontend for Agents & Generative UI. React + Angular
Machine-readable data
The same record, as JSON, for agents and crawlers.
{
"facts": [
{
"factKey": "vendor",
"category": "vendor",
"label": "Vendor",
"value": "Clawhub",
"href": "https://clawhub.ai/bovinphang/skills/fec-e2e-testing",
"sourceUrl": "https://clawhub.ai/bovinphang/skills/fec-e2e-testing",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-10T16:53:42.032Z",
"isPublic": true
},
{
"factKey": "protocols",
"category": "compatibility",
"label": "Protocol compatibility",
"value": "OpenClaw",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-e2e-testing/contract",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-e2e-testing/contract",
"sourceType": "contract",
"confidence": "medium",
"observedAt": "2026-10-10T16:53:42.032Z",
"isPublic": true
},
{
"factKey": "traction",
"category": "adoption",
"label": "Adoption signal",
"value": "1.3K downloads",
"href": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceUrl": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceType": "profile",
"confidence": "medium",
"observedAt": "2026-10-10T16:53:42.032Z",
"isPublic": true
},
{
"factKey": "latest_release",
"category": "release",
"label": "Latest release",
"value": "2.9.0",
"href": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceUrl": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-09-26T14:59:46.492Z",
"isPublic": true
},
{
"factKey": "handshake_status",
"category": "security",
"label": "Handshake status",
"value": "UNKNOWN",
"href": "https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-e2e-testing/trust",
"sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-e2e-testing/trust",
"sourceType": "trust",
"confidence": "medium",
"observedAt": null,
"isPublic": true
}
],
"events": [
{
"eventType": "release",
"title": "Release 2.9.0",
"description": "- Added a LICENSE file to the repository. - Removed the skill-card.md file. - SKILL.md fully translated from Chinese to English for broader accessibility. - Minor description update: “end-to-end testing” added to relevant triggers.",
"href": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceUrl": "https://clawhub.ai/bovinphang/fec-e2e-testing",
"sourceType": "release",
"confidence": "medium",
"observedAt": "2026-09-26T14:59:46.492Z",
"isPublic": true
}
]
}Record generated Oct 10, 2026.
