Modern E2E-testning med Playwright
Testa din Electron-app från början till slut med Playwright, den moderna efterföljaren till Spectron, genom att automatisera riktiga fönster och kontrollera gränssnittets beteende.
Modern E2E-testning med Playwright är en gratis lektion i Utveckling av skrivbordsappar med Electron på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Utveckling av skrivbordsappar med Electron, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Utveckling av skrivbordsappar med Electron innehåller totalt 4 lektioner.
Varför Playwright för Electron
Spectron är föråldrat. Playwright har förstklassigt stöd för Electron och styr den riktiga appen precis som en användare skulle göra.
Installera Playwright
Lägg till Playwright som ett devDependency. Dess testkörning och Electron-startare ingår.
npm install --save-dev @playwright/testStarta appen
Använd _electron.launch för att starta den paketerade appen eller källkodsappen under testets kontroll.
const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['.'] });Hämta det första fönstret
firstWindow() returnerar renderingssidan så att Ni kan interagera med DOM:en.
const window = await app.firstWindow();
await window.waitForLoadState('domcontentloaded');Hitta element
Använd robusta locators baserade på roller och etiketter i stället för sköra CSS-selektorer.
function selectorFor(role, name) {
return 'role=' + role + '[name="' + name + '"]';
}
console.log(selectorFor('button', 'Save'));Interagera med användargränssnittet
Klicka, skriv och gör assertions precis som en användare.
await window.fill('#title', 'My Note');
await window.click('text=Save');Assertions
Använd expect med matchare som väntar automatiskt, så försvinner instabila tidsproblem.
await expect(window.locator('.toast')).toHaveText('Saved');Utvärdera i huvudprocessen
Playwright kan köra kod i huvudprocessen via app.evaluate, så att Ni kan göra assertions på appens tillstånd.
const isPackaged = await app.evaluate(({ app }) => app.isPackaged);Ta skärmbilder
Ta skärmbilder vid fel för visuell felsökning. Playwright gör detta automatiskt när det har konfigurerats.
await window.screenshot({ path: 'failure.png' });Avsluta korrekt
Stäng alltid appen efter varje test för att undvika kvarlämnade processer.
await app.close();Kör i CI
Kör E2E-tester utan grafiskt gränssnitt i CI vid varje push. Använd en virtuell skärm på Linux-körmiljöer när det behövs.
Snabbtest
Testa Era kunskaper om Playwright.
Sammanfattning
Ni har lärt Er modern E2E-testning med Playwright: att starta appen, hämta fönster, använda robusta locators, göra assertions med matchare som väntar automatiskt, utvärdera tillståndet i huvudprocessen och köra i CI.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 12
- Lektioner
- 47
Vanliga frågor
Är lektionen ”Modern E2E-testning med Playwright” gratis?
Ja – hela texten till ”Modern E2E-testning med Playwright” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Utveckling av skrivbordsappar med Electron, kan Ni uppgradera till CoddyKit PRO. Kursen i Utveckling av skrivbordsappar med Electron innehåller totalt 4 lektioner.
Vad lär jag mig i ”Modern E2E-testning med Playwright”?
Testa din Electron-app från början till slut med Playwright, den moderna efterföljaren till Spectron, genom att automatisera riktiga fönster och kontrollera gränssnittets beteende. Ni övar på Utveckling av skrivbordsappar med Electron med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Utveckling av skrivbordsappar med Electron?
Du behöver inga förkunskaper. Utbildningen i Utveckling av skrivbordsappar med Electron på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.
Hur lång tid tar lektionen ”Modern E2E-testning med Playwright”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Utveckling av skrivbordsappar med Electron-lektionen?
Ja. Varje Utveckling av skrivbordsappar med Electron-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Felsöka main- och renderer-processer
- Enhetstestning med Spectron
- Arbetsflöden för end-to-end-testning
- Modern E2E-testning med Playwright