test-ui

Automate BrowserOS dev-environment startup and CDP-based visual UI checks.

Updated Mar 31, 2026

Search Tags:#extension #cdp #ui-testing #visual-testing #dev-environment #browseros

Ready to run

npx skills add https://github.com/Sridhar-Ranganaboina/WebGenie --skill test-ui-sridhar-ranganaboina

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: test-ui
Source: https://github.com/Sridhar-Ranganaboina/WebGenie/tree/main/packages/browseros-agent/.claude/skills/test-ui
Command: npx skills add https://github.com/Sridhar-Ranganaboina/WebGenie --skill test-ui-sridhar-ranganaboina

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual UI testing for the BrowserOS agent extension, enabling developers to verify UI changes in the dev workflow by launching the dev environment and inspecting UI components via CDP.

Core Features & Use Cases

Start the BrowserOS agent UI development environment and load the extension UI for testing.
Visually verify the left tab page (home, settings, etc.) and the right side panel (chat) using CDP-based inspection.
Use during UI changes to apps/agent/ to confirm rendering, interactions, and layout.

Quick Start

Launch the dev environment and visually verify the UI changes described above.

Frequently Asked Questions about test-ui

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

FAQPage Schema

How do I visually test BrowserOS agent UI changes in a dev environment?▼

To visually test BrowserOS agent UI changes, you automate the dev-environment startup and use CDP-based visual checks to verify rendering, interactions, and layout in the new tab page and right side panel.

What components can I inspect using CDP-based visual testing for the BrowserOS extension?▼

CDP-based visual testing allows you to inspect the BrowserOS agent left tab page, including home and settings, and the right side chat panel to verify UI rendering and interactions during feature development.

How do I start the dev environment for BrowserOS UI testing?▼

You start the BrowserOS UI testing dev environment by executing the provided dev scripts, specifically scripts/dev/inspect-ui.ts, which initializes the environment and produces accessible CDP ports for inspection.

Do I need a functioning BrowserOS.dev environment to run visual UI tests?▼

Yes, visual UI testing requires a functioning BrowserOS.dev environment and the ability to access the CDP ports produced during startup to validate agent UI changes in apps/agent.

When should I use CDP visual checks for BrowserOS UI development?▼

CDP visual checks should be used during UI changes to apps/agent/ to confirm rendering, interactions, and layout, making it suitable for both feature development and regression testing of the agent extension.