harness-browser-test

Automate headless Chromium browser tests with scripted actions and screenshots.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/bianhaifeng789-hue/openclaw-config --skill harness-browser-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: harness-browser-test
Source: https://github.com/bianhaifeng789-hue/openclaw-config/tree/main/skills/harness-browser-test
Command: npx skills add https://github.com/bianhaifeng789-hue/openclaw-config --skill harness-browser-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates browser interactions and verification so developers and QA can validate web application behavior without manual UI steps, reducing flaky manual checks and accelerating feedback during development.

Core Features & Use Cases

  • Start Dev Server and Test: Launch a local dev server (e.g., npm run dev) then run headless Chromium to exercise the app.
  • Scripted Actions: Execute deterministic actions such as click, fill, wait, evaluate, and scroll driven by an actions JSON file.
  • Observability and Outputs: Capture screenshots, collect console errors, and produce a textual pass/fail report for CI or local debugging.
  • Use Case: Run smoke tests for a web app on each push to catch regressions early by simulating user flows and saving visual evidence.

Quick Start

Run the harness-browser-test against http://localhost:5173 with an actions.json file to perform clicks and fills, capture a screenshot, and return a report listing console errors.

Frequently Asked Questions about harness-browser-test

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

FAQPage Schema
How do I run headless browser tests and capture screenshots for web app development?

To run headless browser tests, launch a dev server and use headless Chromium to execute scripted interactions like click, fill, and scroll, then capture screenshots. This automates UI verification and produces a textual pass/fail report for debugging.

Can I use Playwright to automate e2e testing against a local dev server?

Yes, you can use Playwright to automate e2e testing by starting your local dev server and running headless Chromium to perform deterministic actions. It accepts an actions JSON file to drive interactions and returns console errors and screenshot paths.

Do I need Node and Playwright installed to automate browser interactions?

Yes, Node and Playwright are required dependencies to automate browser interactions. You also need the optional ability to start a dev server if you want to test local applications, along with an actions JSON file to define the test steps.

What scripted actions can I execute during headless Chromium browser testing?

During headless Chromium browser testing, you can execute deterministic actions such as click, fill, wait, evaluate, and scroll. These actions are driven by an actions JSON file to simulate user flows and verify web application behavior.

How do I collect console errors and visual evidence during e2e-testing?

To collect console errors and visual evidence during e2e-testing, run headless Chromium to execute scripted interactions and capture screenshots. The process outputs a textual report listing console errors and provides screenshot paths for visual proof.

What is the best way to catch regressions early in CI workflows using browser-testing?

The best way to catch regressions early in CI workflows using browser-testing is to run smoke tests on each push. Launch a dev server, execute deterministic actions with headless Chromium, and save visual evidence like screenshots to identify failures quickly.