Electron Desktop App Development · Pelajaran

Pengujian E2E Modern dengan Playwright

Uji aplikasi Electron Anda secara menyeluruh dari awal hingga akhir menggunakan Playwright, penerus modern Spectron, dengan mengotomatiskan jendela nyata dan memeriksa perilaku UI.

Pengujian E2E Modern dengan Playwright adalah pelajaran Electron Desktop App Development gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Electron Desktop App Development, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

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.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pengujian E2E Modern dengan Playwright” gratis?

Ya — teks lengkap “Pengujian E2E Modern dengan Playwright” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Electron Desktop App Development, upgrade ke CoddyKit PRO. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Pengujian E2E Modern dengan Playwright”?

Uji aplikasi Electron Anda secara menyeluruh dari awal hingga akhir menggunakan Playwright, penerus modern Spectron, dengan mengotomatiskan jendela nyata dan memeriksa perilaku UI. Kamu berlatih Electron Desktop App Development dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Electron Desktop App Development?

Tidak diperlukan pengalaman sebelumnya. Electron Desktop App Development di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.

Berapa lama pelajaran “Pengujian E2E Modern dengan Playwright” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Electron Desktop App Development ini?

Ya. Setiap pelajaran Electron Desktop App Development menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Electron Desktop App Development