我正在尝试学习如何测试应用程序，使用电子构建，使用 Spectron。
为此，我从网上获取了一个示例应用程序，其中包含简单的标题、计数器标签和增量按钮。
我使用摩卡作为测试运行。
测试应启动应用程序，按下按钮并检查计数器标签。
我什至无法达到应用程序正确启动的程度。
当我运行测试时，出现错误“TypeError：无法读取未定义的属性‘waitUntilWindowLoaded’”。
另外，在查看启动的应用程序时，我在开发工具中看到一个错误：
“未捕获的引用错误：未定义要求”
main.js
const {app, BrowserWindow} = require('electron')
const url = require('url')
const path = require('path')
let win
function createWindow() {
win = new BrowserWindow({width: 800, height: 600})
win.loadURL(url.format ({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))
// open dev tools
win.webContents.openDevTools();
}
app.on('ready', createWindow)
索引.html
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Hello World!</title>
<link rel = "stylesheet"
href = "./bower_components/bootstrap/dist/css/bootstrap.min.css" />
</head>
<body>
<div class = "container">
<h1>This page is using Bootstrap and jQuery!</h1>
<h3 id = "click-counter"></h3>
<button class = "btn btn-success" id = "countbtn">Click here</button>
<script src = "./view.js" ></script>
</div>
</body>
</html>
view.js
let $ = require('jquery') // jQuery now loaded and assigned to $
let count = 0
$('#click-counter').text(count.toString())
$('#countbtn').on('click', () => {
count ++
$('#click-counter').text(count)
})
包.json
{
"name": "gui_testing",
"version": "1.0.0",
"description": "app to test spectron",
"main": "main.js",
"scripts": {
"test": "mocha"
},
"author": "ACW",
"license": "ISC",
"dependencies": {
"jquery": "^3.4.1"
},
"devDependencies": {
"electron": "^7.1.7",
"mocha": "^6.2.2",
"spectron": "^9.0.0"
}
}
./测试/index.js
const assert = require('assert')
const path = require('path')
const { Application } = require('spectron')
const electronPath = require('electron') // Require Electron from the binaries included in node_modules.
const baseDir = path.join(__dirname, '..')
const sleep = time => new Promise(r => setTimeout(r, time))
describe('Application launch', function () {
this.timeout(30000)
const app = new Application({
path: electronPath,
args: [baseDir]
})
before(function () { app.start() })
after(function () { app.stop() })
it('show an initial window', async function () {
await app.client.waitUntilWindowLoaded();
const count = await app.client.getWindowCount();
assert.equal(count, 1)
})
})
