Windows 上电子应用的端到端测试

Question

我想要达到的目标：

我想建立一个具有适当的无头端到端测试配置的电子项目。

遇到的问题

Spectronjs 似乎是实现这一目标的解决方案。但是，没有任何配置可以防止在每次测试时打开窗口。阅读存储库上的一些线程 + 关于测试的电子文档提到 Xvfb。我试图解决这个问题，但到目前为止理解这不能安装在 Windows 上？而且别无选择。

页面上的列表包括其他选项，例如 Appvoyer 或 CicleCI，但这些又是新的，我几乎找不到关于这些的指南，更不用说，我不太喜欢我必须执行所有这些步骤（链接到 github/bitbucket 帐户等）。

我也尝试过从 electronjs 列表页面浏览演示应用程序，但并不是所有的应用程序都进行了测试，而且当它们进行测试时，它们有时是用一种不同的编程语言编写的，或者专门针对角度或反应，而我的目标是使用 vuejs。

谁能指出一个在 Windows 上对电子应用程序进行离线端到端无头测试的干净示例？

Answer 1

E2E 测试 Electron 应用程序有多种选择，遗憾的是它们都不是真正无头的。在 Windows 上你不需要 Xvfb，它是 Linux 的东西。在 Windows 上，即使在 CI 环境中也有一个“屏幕”可用（我有使用 Appveyor 和 Azure Pipelines 的经验）。

• Puppeteer-core（Puppeteer-core 不含铬）
• Spectron
• Selenium-webdriver
• Webdriver.io

过去我使用过 Spectron，但最近我切换到了 Puppeteer，我对切换非常满意。

Short Puppeteer 试用测试文件：

const electron = require("electron");
const puppeteer = require("puppeteer-core");

const delay = ms =>
  new Promise(resolve => {
    setTimeout(() => {
      resolve();
    }, ms);
  });

(async () => {
  try {
    const app = await puppeteer.launch({
      executablePath: electron,
      args: ["."],
      headless: false,
    });
    const pages = await app.pages();
    const [page] = pages;

    await page.setViewport({ width: 1200, height: 700 });
    await delay(5000);
    const image = await page.screenshot();
    console.log(image);
    await page.close();
    await delay(2000);

    await app.close();
  } catch (error) {
    console.error(error);
  }
})();

我正在使用以下配置在 Win、Linux 和 MacOS 上的 Azure Pipelines（开源项目免费）中测试和构建一个电子应用程序： azure-pipelines.yml