Electron Desktop App Development · Lektion

Modernes E2E-Testing mit Playwright

Testen Sie Ihre Electron-App mit Playwright von Ende zu Ende. Playwright ist der moderne Nachfolger von Spectron, automatisiert echte Fenster und prüft das UI-Verhalten.

Modernes E2E-Testing mit Playwright ist eine kostenlose Electron Desktop App Development-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Electron Desktop App Development-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Electron Desktop App Development-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

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/test

Launching 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.

Häufig gestellte Fragen

Ist die Lektion „Modernes E2E-Testing mit Playwright“ kostenlos?

Ja — der vollständige Text von „Modernes E2E-Testing mit Playwright“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Electron Desktop App Development-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Electron Desktop App Development-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Modernes E2E-Testing mit Playwright“?

Testen Sie Ihre Electron-App mit Playwright von Ende zu Ende. Playwright ist der moderne Nachfolger von Spectron, automatisiert echte Fenster und prüft das UI-Verhalten. Du übst Electron Desktop App Development mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Electron Desktop App Development zu starten?

Keine Vorkenntnisse erforderlich. Electron Desktop App Development auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.

Wie lange dauert die Lektion „Modernes E2E-Testing mit Playwright“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Electron Desktop App Development-Lektion Code schreiben und ausführen?

Ja. Jede Electron Desktop App Development-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu Electron Desktop App Development