Electron Desktop App Development · 课时

使用 Playwright 进行现代端到端测试

使用 Playwright 对 Electron 应用进行端到端测试。Playwright 是 Spectron 的现代继任者，能够自动操作真实窗口并断言界面行为。

使用 Playwright 进行现代端到端测试 是 CoddyKit 上的免费 Electron Desktop App Development 课时。这是第 4 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Electron Desktop App Development 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Electron Desktop App Development 课程共包含 4 节课。

本课时的部分内容尚未翻译，以英文显示。

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.

常见问题解答

「使用 Playwright 进行现代端到端测试」课时是免费的吗？

是的 — 「使用 Playwright 进行现代端到端测试」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Electron Desktop App Development 课程的其余内容，请升级到 CoddyKit PRO。 Electron Desktop App Development 课程共包含 4 节课。

「使用 Playwright 进行现代端到端测试」这节课中我会学到什么？

使用 Playwright 对 Electron 应用进行端到端测试。Playwright 是 Spectron 的现代继任者，能够自动操作真实窗口并断言界面行为。你通过在浏览器中直接运行的动手代码来练习 Electron Desktop App Development，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Electron Desktop App Development 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Electron Desktop App Development 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 4 节课，共 4 节。

「使用 Playwright 进行现代端到端测试」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Electron Desktop App Development 课中编写并运行代码吗？

能。每节 Electron Desktop App Development 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Electron Desktop App Development