Spectron：启动应用程序后无法与电子应用程序上的元素交互

Question

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

操作系统：Windows 8.1

节点版本：10.16.0

光谱：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 毫秒的超时。对于异步测试和钩子，确保调用了“done()”；如果返回 Promise，请确保它已解决。 (D:\spectron-example\Spec.js)

即使我增加超时仍然看到这个超时错误。

如何解决这个问题？

我的问题是

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

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

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

提前致谢。

Answer 1

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

但我在开始使用 spectron 时遇到了类似的错误。我看到应用程序正常启动，我可以查看登录页面，但是当我尝试与输入字段交互时，我得到：Error: unable to locate element. 我尝试使用app.client.pause() 来消除出现时间问题的机会，但这并没有帮助。

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

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

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

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

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

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;
}