skills.rest
AskTinNguyen
AskTinNguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vesper-electron-testing

Coordinate layered Electron UI testing to detect renderer regressions in Vesper apps.

1|Updated Jan 26, 2026
Search Tags:#e2e#playwright#electron#cdp#ui-testing#renderer
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill vesper-electron-testing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vesper-electron-testing
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/vesper-electron-testing
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill vesper-electron-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Testing Vesper Electron UI features and debugging renderer regressions in a layered, deterministic way to minimize cycles and regressions.

Core Features & Use Cases

  • Layered testing strategy: component tests, Playwright Electron E2E, visual snapshots, and controlled CDP diagnostics.
  • Supports validating renderer behavior, reproducing UI regressions, and expanding test coverage across Scheduler, chat, and navigation flows.
  • Guidance for adding or updating tests, and maintaining guardrails for stable UI tests.

Quick Start

Start by running the existing Electron tests to verify renderer behavior, then add Playwright Electron tests for true user workflows.

Frequently Asked Questions about vesper-electron-testing

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

FAQPage Schema
How do I test Electron renderer behavior and reproduce UI regressions?▼

You can reproduce Electron UI regressions by running layered tests combining component tests, Playwright Electron E2E, visual snapshots, and CDP diagnostics to pinpoint renderer failures deterministically.

What is the best way to structure Playwright Electron E2E tests for chat and settings flows?▼

The best way to structure Playwright Electron E2E tests is a layered approach using stable selectors and seed data to validate Scheduler, chat, settings, and navigation workflows reliably.

Can I use CDP diagnostics as a fallback when Playwright Electron tests fail?▼

Yes, you can use controlled CDP diagnostics as an optional fallback to debug renderer issues when standard Playwright Electron E2E tests or visual snapshots do not capture the regression.

Does this layered testing approach require specific guardrails for stable UI tests?▼

Yes, maintaining stable UI tests requires guardrails including stable selectors and seed data guidance to keep component tests and Playwright Electron E2E tests deterministic.

How do I add or update tests to expand coverage for Vesper app navigation flows?▼

You expand test coverage by adding or updating tests following the layered strategy, running existing Electron tests first to verify renderer behavior before adding new Playwright Electron tests.

Why do my Electron UI tests show flaky renderer behavior across Scheduler and chat features?▼

Flaky renderer behavior often stems from missing guardrails; applying stable selectors, seed data guidance, and visual snapshots ensures deterministic testing across Scheduler and chat features.

Related Skills

Explore More Software Engineering Skills→
xkl2013xkl2013

desktop

Automate Electron IPC handling, controller creation, and renderer services.

Community
Advanced
sumilee-pcusumilee-pcu

bug-triage

Parse bug reports to classify severity and priority for sprint planning.

Community
Advanced
saschadudkin-sketchsaschadudkin-sketch

playwright-best-practices

Guide Playwright test development in TypeScript across E2E, component, API, visual, accessibility, security, Electron, and extension testing.

Community
Advanced
syntropic137syntropic137

chrome-devtools-deep

Access advanced Chrome DevTools Protocol features via Playwright's newCDPSession method.

Official
Intermediate