Moderne end-to-endtests met Playwright
Test uw Electron-app end-to-end met Playwright, de moderne opvolger van Spectron, door echte vensters te automatiseren en gedrag van de interface te controleren.
Moderne end-to-endtests met Playwright is een gratis Desktopapplicaties ontwikkelen met Electron-les op CoddyKit. Dit is les 4 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Desktopapplicaties ontwikkelen met Electron. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Desktopapplicaties ontwikkelen met Electron bevat in totaal 4 lessen.
Waarom Playwright voor Electron
Spectron is verouderd. Playwright biedt eersteklas ondersteuning voor Electron en bestuurt je echte app zoals een gebruiker dat zou doen.
Playwright installeren
Voeg Playwright toe als ontwikkelafhankelijkheid. De testrunner en Electron-starter worden meegeleverd.
npm install --save-dev @playwright/testDe app starten
Gebruik _electron.launch om je verpakte app of broncode-app te starten onder controle van de tests.
const { _electron: electron } = require('playwright');
const app = await electron.launch({ args: ['.'] });Het eerste venster ophalen
firstWindow() retourneert de rendererpagina, zodat je met de DOM kunt werken.
const window = await app.firstWindow();
await window.waitForLoadState('domcontentloaded');Elementen vinden
Gebruik robuuste locators op basis van rollen en labels in plaats van kwetsbare CSS-selectors.
function selectorFor(role, name) {
return 'role=' + role + '[name="' + name + '"]';
}
console.log(selectorFor('button', 'Save'));Interactie met de gebruikersinterface
Klik, typ en controleer beweringen net als een gebruiker.
await window.fill('#title', 'My Note');
await window.click('text=Save');Bewerkingen controleren
Gebruik expect met matchers die automatisch wachten, zodat problemen met onbetrouwbare timing verdwijnen.
await expect(window.locator('.toast')).toHaveText('Saved');Evalueren in het hoofdproces
Playwright kan code uitvoeren in het hoofdproces via app.evaluate, zodat je de status van de app kunt controleren.
const isPackaged = await app.evaluate(({ app }) => app.isPackaged);Schermafbeeldingen maken
Maak bij fouten schermafbeeldingen om visueel te kunnen debuggen. Playwright doet dit automatisch wanneer je het configureert.
await window.screenshot({ path: 'failure.png' });Netjes afsluiten
Sluit de app altijd na elke test om achterblijvende processen te voorkomen.
await app.close();Uitvoeren in CI
Voer E2E-tests zonder gebruikersinterface uit in CI bij elke push. Gebruik indien nodig een virtueel scherm op Linux-runners.
Korte controle
Test je kennis van Playwright.
Samenvatting
Je hebt modern E2E-testen met Playwright geleerd: de app starten, vensters ophalen, robuuste locators gebruiken, beweringen uitvoeren met automatisch wachtende matchers, de status van het hoofdproces evalueren en in CI uitvoeren.
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 12
- Lessen
- 47
Veelgestelde vragen
Is de les “Moderne end-to-endtests met Playwright” gratis?
Ja — de volledige tekst van “Moderne end-to-endtests met Playwright” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Desktopapplicaties ontwikkelen met Electron wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Desktopapplicaties ontwikkelen met Electron bevat in totaal 4 lessen.
Wat leer ik in “Moderne end-to-endtests met Playwright”?
Test uw Electron-app end-to-end met Playwright, de moderne opvolger van Spectron, door echte vensters te automatiseren en gedrag van de interface te controleren. Je oefent met Desktopapplicaties ontwikkelen met Electron door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Desktopapplicaties ontwikkelen met Electron te beginnen?
Ervaring vooraf is niet nodig. Desktopapplicaties ontwikkelen met Electron op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.
Hoe lang duurt de les “Moderne end-to-endtests met Playwright”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Desktopapplicaties ontwikkelen met Electron?
Ja. Elke les over Desktopapplicaties ontwikkelen met Electron bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Main- en rendererprocessen debuggen
- Unittests met Spectron
- End-to-end-testworkflows
- Moderne end-to-endtests met Playwright