Modern E2E Testing with Playwright
Test your Electron app end-to-end using Playwright, the modern successor to Spectron, automating real windows and asserting on UI behavior.
Modern E2E Testing with Playwright is a free Electron Desktop App Development lesson on CoddyKit — lesson 4 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Electron Desktop App Development learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
Why Playwright for Electron
Spectron is deprecated. Playwright has first-class Electron support and drives your real app like a user would.
Installing Playwright
Add Playwright as a dev dependency. Its test runner and Electron launcher come bundled.
npm install --save-dev @playwright/testLaunching the App
Use _electron.launch to start your packaged or source app under test control.
const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['.'] });Getting the First Window
firstWindow() returns the renderer page so you can interact with the DOM.
const window = await app.firstWindow();
await window.waitForLoadState('domcontentloaded');Locating Elements
Use resilient locators based on roles and labels rather than brittle CSS selectors.
function selectorFor(role, name) {
return 'role=' + role + '[name="' + name + '"]';
}
console.log(selectorFor('button', 'Save'));Interacting With the UI
Click, type, and assert just like a user.
await window.fill('#title', 'My Note');
await window.click('text=Save');Assertions
Use expect with auto-waiting matchers so flaky timing issues disappear.
await expect(window.locator('.toast')).toHaveText('Saved');Evaluating in the Main Process
Playwright can run code in the main process via app.evaluate, letting you assert on app state.
const isPackaged = await app.evaluate(({ app }) => app.isPackaged);Taking Screenshots
Capture screenshots on failure to debug visually. Playwright does this automatically when configured.
await window.screenshot({ path: 'failure.png' });Closing Cleanly
Always close the app after each test to avoid leaked processes.
await app.close();Running in CI
Run E2E tests headlessly in CI on every push. Use a virtual display on Linux runners when needed.
Quick Check
Test your Playwright knowledge.
Recap
You learned modern E2E testing with Playwright: launching the app, grabbing windows, using resilient locators, asserting with auto-waiting matchers, evaluating main-process state, and running in CI.
Frequently asked questions
Is the “Modern E2E Testing with Playwright” lesson free?
Yes — the full text of “Modern E2E Testing with Playwright” is free to read here on the web, and the Electron Desktop App Development course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Electron Desktop App Development course, upgrade to CoddyKit PRO.
What will I learn in “Modern E2E Testing with Playwright”?
Test your Electron app end-to-end using Playwright, the modern successor to Spectron, automating real windows and asserting on UI behavior. You practise Electron Desktop App Development with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Electron Desktop App Development?
No prior experience is required. Electron Desktop App Development on CoddyKit is structured for beginners through advanced learners; this is — lesson 4 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Modern E2E Testing with Playwright” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Electron Desktop App Development lesson?
Yes. Every Electron Desktop App Development lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Debugging Main and Renderer Processes
- Unit Testing with Spectron
- End-to-End Testing Workflows
- Modern E2E Testing with Playwright