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

安全与测试

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.

主要功能

0 GitHub stars
Integrated WebSocket communication for debugging IPC and internal app protocols
Multi-gate validation workflow to ensure reliable application state before testing
Native desktop feature testing including file dialogs and system menus
Real-world event simulation using CDP Input and Runtime domains
Comprehensive CDP automation for Electron renderer and main processes

使用场景

Debugging silent IPC failures between the main and renderer processes
Automated UI validation and screenshot capturing for desktop applications
End-to-end testing of complex Electron apps and VS Code extensions

关于

主要功能

0 GitHub stars
Integrated WebSocket communication for debugging IPC and internal app protocols
Multi-gate validation workflow to ensure reliable application state before testing
Native desktop feature testing including file dialogs and system menus
Real-world event simulation using CDP Input and Runtime domains
Comprehensive CDP automation for Electron renderer and main processes

使用场景

Debugging silent IPC failures between the main and renderer processes
Automated UI validation and screenshot capturing for desktop applications
End-to-end testing of complex Electron apps and VS Code extensions