Nowoczesne testy E2E z Playwright
Przetestują Państwo aplikację Electron kompleksowo za pomocą Playwright, nowoczesnego następcy Spectron, automatyzując rzeczywiste okna i sprawdzając zachowanie interfejsu.
Nowoczesne testy E2E z Playwright to bezpłatna lekcja Electron Desktop App Development na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Electron Desktop App Development, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Electron Desktop App Development zawiera 4 lekcji w sumie.
Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.
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.
Ucz się JavaScript dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 12
- Lekcje
- 47
Często zadawane pytania
Czy lekcja „Nowoczesne testy E2E z Playwright” jest bezpłatna?
Tak — pełny tekst „Nowoczesne testy E2E z Playwright” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Electron Desktop App Development, przejdź na CoddyKit PRO. Kurs Electron Desktop App Development zawiera 4 lekcji w sumie.
Co nauczysz się w „Nowoczesne testy E2E z Playwright”?
Przetestują Państwo aplikację Electron kompleksowo za pomocą Playwright, nowoczesnego następcy Spectron, automatyzując rzeczywiste okna i sprawdzając zachowanie interfejsu. Ćwiczysz Electron Desktop App Development z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Electron Desktop App Development?
Nie wymagamy żadnego doświadczenia. Electron Desktop App Development w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Nowoczesne testy E2E z Playwright”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Electron Desktop App Development?
Tak. Każda lekcja Electron Desktop App Development zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Debugowanie procesów głównego i renderera
- Testy jednostkowe z Spectron
- Przepływy testów end-to-end
- Nowoczesne testy E2E z Playwright