skills.rest
p-sree-sai-pavan
p-sree-sai-pavanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

control-ui-e2e

Automate deterministic OpenClaw Control UI end-to-end tests with Vitest and Playwright.

5|Updated Mar 17, 2026
Search Tags:#automation#vitest#playwright#ui-testing#e2e-testing#visual-proof#gateway-mock
One-click install
npx skills add https://github.com/p-sree-sai-pavan/P.A.R.K.E.R --skill control-ui-e2e
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: control-ui-e2e
Source: https://github.com/p-sree-sai-pavan/P.A.R.K.E.R/tree/main/gateway/.agents/skills/control-ui-e2e
Command: npx skills add https://github.com/p-sree-sai-pavan/P.A.R.K.E.R --skill control-ui-e2e

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables robust, deterministic testing of the OpenClaw Control UI by enabling end-to-end browser flows with mocked gateway interactions, reducing flaky releases.

Core Features & Use Cases

  • Vitest + Playwright-based E2E tests for the Control UI.
  • Mocked Gateway WebSocket flows and mocked dashboard runs to isolate UI behavior.
  • Capture screenshots and videos for visual validation, and provide agent-verifiable browser proof.

Quick Start

Run a deterministic Control UI E2E test against a mocked Gateway to verify end-to-end browser behavior.

Frequently Asked Questions about control-ui-e2e

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run deterministic E2E tests for a Control UI using Vitest and Playwright?▼

Deterministic E2E testing for Control UI is achieved by using Vitest and Playwright to run structured browser tests against mocked gateway interactions, ensuring reliable UI behavior and reducing flaky releases.

Why does my Control UI E2E test fail when interacting with Gateway WebSocket flows?▼

E2E tests fail when gateway interactions are live rather than mocked. This skill solves that by applying mock patterns for Gateway WebSocket flows and dashboard runs to isolate UI behavior and produce deterministic test results.

What's the best way to capture visual proof artifacts during Playwright E2E testing?▼

The best way to capture visual proof artifacts during Playwright E2E testing is to run structured test flows that automatically generate screenshots and videos, providing agent-verifiable browser proof for UI validation.

Can I use a gateway mock to isolate UI behavior in Vitest end-to-end testing?▼

Yes, you can use a gateway mock to isolate UI behavior in Vitest end-to-end testing. This skill mocks Gateway WebSocket flows and dashboard runs to isolate UI behavior and provide deterministic, verifiable browser proofs.

When do I need mocked environments for E2E testing a Control UI dashboard?▼

You need mocked environments for E2E testing a Control UI dashboard when you want to isolate UI behavior from live gateway interactions, validate UI flows deterministically, and capture visual proof artifacts without flaky external dependencies.

Related Skills

Explore More Software Engineering Skills→
alexanderopalexanderop
15

vue-integration-testing

Run Vue 3 UI tests with Vitest Browser mode using Page Objects and createTestApp helpers.

Community
Advanced
jmaglyjmagly
175

test-sync

Detect orphaned tests and test-code misalignment between test suites and source code.

Community
Advanced
nickhou1983nickhou1983
4

playwright-ct

Generate and execute Playwright Component Tests for isolated UI components.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate