How does this differ from standard web testing tools?

Unlike standard web tools, this skill targets both the Chromium renderer and the Node.js main process, allowing you to test native features like menus and IPC communication.

Does it support screenshot testing?

Yes, it uses the Page.captureScreenshot CDP command to take high-resolution screenshots of the renderer process for visual verification.

Can I use this for testing VS Code extensions?

Yes, since VS Code is built on Electron, this skill is ideal for automating and debugging extension behavior within the VS Code desktop environment.

What tools do I need installed to use this skill?

You need curl for HTTP requests, jq for JSON parsing, and websocat or wscat for WebSocket communication with the Chrome DevTools Protocol.

Why is the 6-gate process mandatory?

The 6-gate process ensures the app is correctly built, launched, and logging before tests run, preventing false positives and making it easier to debug launch failures.

Electron E2E & CDP Testing

Name: Electron E2E & CDP Testing
Author: edwinhu

byedwinhu

0•

安全与测试

Automates end-to-end testing and debugging for Electron applications using Chrome DevTools Protocol for both main and renderer processes.

This skill provides a comprehensive framework for automating and debugging Electron-based desktop applications. It leverages the Chrome DevTools Protocol (CDP) to enable high-fidelity testing that replicates actual user behavior, moving beyond simple unit tests to verify IPC messages, native menus, and renderer state. By implementing a strict 6-gate validation workflow—from build and launch to log verification—it ensures that developers catch crashes and silent failures in both the main and renderer processes, providing a production-grade environment for desktop app quality assurance.

主要功能

010 GitHub stars

02Integrated WebSocket communication for debugging IPC and internal app protocols

03Multi-gate validation workflow to ensure reliable application state before testing

04Native desktop feature testing including file dialogs and system menus

05Real-world event simulation using CDP Input and Runtime domains

06Comprehensive CDP automation for Electron renderer and main processes

使用场景

01Debugging silent IPC failures between the main and renderer processes

02Automated UI validation and screenshot capturing for desktop applications

03End-to-end testing of complex Electron apps and VS Code extensions

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