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

Question

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

OS: 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 毫秒。对于异步测试和挂钩，确保 "done()" 被调用；如果返回 Promise，请确保它已解析。 (D:\spectron-example\Spec.js)

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

如何解决这个问题？

我的问题是

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

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

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) 而你作为测试作者需要在你的电子应用程序 中管理 windows 的数量。在我们的应用程序中，有许多开发人员插件（例如 Devotion、React、MobX）创建了自己的 window。

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

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

此解决方案可能适合您，也可能不适合您，但它对我们来说很可靠。初始化客户端后，我使用一个名为 waitUntilWindow 的函数并将与我们的登录页面关联的 urlPart 传递给它，然后执行 app.client.windowByIndex 以将焦点设置在正确的 window 上。那时我可以与输入字段交互并且 .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;
}

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

Spectron: Unable to interact with elements on electron application after launching the application

testing

automation

electron

spectron