What are the tool requirements for this skill?

To function correctly, the environment must have curl, jq, and a WebSocket CLI tool such as websocat or wscat installed.

How does this differ from standard browser testing tools?

Unlike web-only tools, dev-test-electron handles Electron-specific features like native menus, file dialogs, and the interaction between the main and renderer processes.

What is the dev-test-electron skill used for?

It is used to automate, test, and debug Electron-based desktop applications using the Chrome DevTools Protocol, covering both the renderer and main processes.

What is the 'Real Test' requirement mentioned in the skill?

It is a philosophy that mandates tests must replicate actual user steps (clicks, typing, visual feedback) and use production protocols like WebSockets or IPC instead of mocking them.

Can I use this for VS Code extension development?

Yes, it is specifically designed to handle the Electron architecture used by VS Code, making it ideal for testing extensions and editor integrations.

Electron E2E Testing & Automation

Name: Electron E2E Testing & Automation
Author: edwinhu

byedwinhu

•

Security & Testing

Automates and debugs Electron desktop applications using Chrome DevTools Protocol for comprehensive end-to-end testing of both renderer and main processes.

The dev-test-electron skill provides a specialized framework for testing Electron applications by leveraging the Chrome DevTools Protocol (CDP). It moves beyond simple web testing by allowing developers to control the main process, automate native menus, and verify IPC communication, ensuring that tests replicate real user behavior rather than mocking internal states. With a mandatory 6-gate verification workflow—covering everything from build and launch to log verification—this skill ensures high-reliability automation for complex desktop apps like VS Code extensions and multi-window Electron environments.

Key Features

01Support for real user workflow replication via Input dispatch and DOM queries

02Dual-process testing covering both Renderer and Main process logic

035 GitHub stars

04Full Chrome DevTools Protocol (CDP) integration for deep Electron automation

05Native UI automation for menus, file dialogs, and system interactions

06Mandatory 6-gate reliability process to ensure test environment integrity

Use Cases

01Verifying complex IPC (Inter-Process Communication) and native desktop features

02Debugging Electron renderer processes including network and console logs

03Automating end-to-end (E2E) testing for VS Code extensions and plugins

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add edwinhu/workflows dev-test-electron

For use in Claude.ai and ChatGPT

Download Skill