testing - Spectron:启动应用程序后无法与 Electron 应用程序上的元素交互

Question

我可以使用 Spectron 启动 Electron 应用程序，但无法对其执行任何操作。

操作系统:Windows 8.1

节点版本:10.16.0

Spectron:3.8.0

var Application = require('spectron').Application;
var chai = require('chai');
var chaiAsPromised = require('chai-as-promised');
const SearchPage = require('./page-objects/search.page');
const assert= require('assert');

describe('Test Suite', function () {
    this.timeout(20000);
    beforeEach('Start Application',  function () {
        this.app = new Application({
            path: 'path of .exe file located', // Ex: D:\\Foldername\\filename.exe
            requireName:'electronRequire',
            env: {
                NODE_ENV: 'test'
            }
        });
        chai.should();
        chai.use(chaiAsPromised);
        chaiAsPromised.transferPromiseness = this.app.transferPromiseness;
        return  this.app.start()
    });

    afterEach(() => {
        if (this.app && this.app.isRunning()) {
            return this.app.stop();
        }
    });

    it('Sign In, function () {
         return this.app.client.
            .pause(20000) //waiting for login window
            .setValue(SearchPage.username, 'username').pause(1000)
            .setValue(SearchPage.password, 'password').pause(1000)
            .click(SearchPage.loginButton);
    });         

});

Package.json 文件:

{
  "name": "spectron-test-framework",
  "version": "1.0.0",
  "description": "Test Framework for Electron Desktop Application",  
  "main": "index.js",
  "scripts": {
    "test": "mocha --timeout 20000",
  },
  "author": "Tester",
  "license": "ISC",
  "devDependencies": {
    "webdriverio": "^4.10.2",
    "chai": "^4.1.2",
    "chai-as-promised": "^7.1.1",
    "electron": "^2.0.2",
    "mocha": "^5.2.0",
    "mochawesome": "^3.0.2",
    "spectron": "^3.8.0"

  }
}

我无法与元素交互并将错误视为

1) 测试套件 登入: 错误:超时超过 20000 毫秒。对于异步测试和 Hook ，确保调用“done()”；如果返回 Promise，请确保它已解析。 (D:\spectron-example\Spec.js)

即使我增加超时仍然会看到此超时错误。

如何解决这个问题？

我的问题是

我们可以在没有开发代码库的情况下开始编写自动化脚本吗？因为在大多数示例测试中，我已经看到自动化脚本在开发代码的测试文件夹中可用。

我在启动时有 .exe，我可以看到正在启动的应用程序但无法执行操作。是否需要向 QA 提供 .exe 文件以实现启用/禁用任何特定包和选项的自动化。

Ideal Electron、Spectron、Nodejs、Wdio、Mocha 兼容的版本有哪些？

提前致谢。

Answer 1

看起来您将超时设置为 20 秒 this.timeout(20000);，并且在您的 it 步骤中，您做的第一件事是暂停 20 sec app.client.pause(20000) 以便在您尝试设置值之前达到超时。这将解释输出 Error: Timeout of 20000ms exceeded。

但是我在上手spectron的时候遇到了类似的错误。我看到应用程序正常启动并且可以查看登录页面，但是当我尝试与输入字段交互时我得到:错误:无法定位元素。 我尝试使用 app.client.pause() 以消除出现时间问题的可能性，但这没有帮助。

Spectron 执行 windowByIndex(0)，作为测试作者，您需要管理 Electron 应用程序中的窗口数。在我们的应用程序中，有许多开发人员插件(例如 Devotion、React、MobX)可以创建自己的窗口。

为了诊断问题，我使用了一个等待策略，该策略会暂停直到 app.client.getWindowCount() 等于 4。但这不是一个很好的解决方案，因为当添加新的开发插件时后来它会开始失败。

还有一个棘手的部分。我不能只是启动应用程序并简单地告诉它专注于第五个窗口。因为当应用程序第一次初始化时，只有 3 个窗口存在。最后2个窗口初始化需要一段时间，页面渲染需要更多时间。这要求我们实现更好的等待策略，这样我们就不会在应用准备就绪之前尝试与它进行交互。

此解决方案可能适合您，也可能不适合您，但它对我们来说很可靠。初始化客户端后，我使用一个名为 waitUntilWindow 的函数并将与我们的登录页面关联的 urlPart 传递给它，然后执行 app.client.windowByIndex 以将焦点设置在适当的窗口上。那时我可以与输入字段交互，并且 .setValue 像正常一样工作。

如果此信息令人困惑而不是有用，我深表歉意。我一直在努力使用 spectron，但它仍然是 UI 测试 Electron 应用程序的最佳选择。恩典与和平兄弟。

await waitUntilWindow(app, 'bundle=login', 'Login window never appeared.', 15000);

export async function waitUntilWindow(app, urlPart, msg, timeoutMs = 15000, interval = 150) {
  await app.client.waitUntil(
    async () => {
      return selectWindow(app, urlPart);
    },
    timeoutMs,
    msg || `Didn't see window with url part ${urlPart} in ${timeoutMs} ms.`,
    interval
  );
}

// Will return true if found the window with certain urlPart text in URL,
// or false if it did not.
export async function selectWindow(app, urlPart) {
  const windowCount = await app.client.getWindowCount();
  for (let i = 0; i < windowCount; i++) {
    await app.client.windowByIndex(i);
    const url = await app.client.getUrl();
    if (url.includes(urlPart)) {
      return true;
    }
  }
  return false;
}