用 Spectron 對 Electron App 做測試

Electron

Electron 的測試

Spectron + Mocha

Electron App

版次搭配

專案建置

npm install mocha spectron

測試程式

const Application = require("spectron").Application
const assert = require("assert");
 
describe("My Test App", function () {
    // SETUP section
    let app;
    this.timeout(20000)
    before(function () {
        app = new Application({
            path: `/Applications/Mini Diary.app/Contents/MacOS/Mini Diary`,
        });
        return app.start()
            .catch(console.error)
    });
    // shutdown after all tests
    after(function () {
        if (app && app.isRunning()) {
            return app.stop();
        }
    });
    // TESTS section
    // test 1
    it("Should have the correct title", async function () {
        const title = await app.client.getTitle();
 
        assert.equal(title, "Mini Diary");
    });
});

npx mocha test/test.js

My Test App
  ✓ Should have the correct title
1 passing (4s)

Spectron & WebdriverIO

let accountField = app.client.$('.account-input');
accountField.setValu('user1');

參考資料

• Glue42 Desktop: Mocha and Spectron
• 使用 Mocha + Spectron 测试 Electron 打包的桌面版程序（1）
• 使用 Mocha + Spectron 测试 Electron 打包的桌面版程序（2）PO 模型
• Spectron For Electron Apps Automation
• Electron in Action: Chapter 13. Testing applications with Spectron

其它測試工具

• TestComplete：Windows 桌面端收費商業應用，可以拿來測 Electron，好像很厲害，也很貴的貴。
• Squish：跨平台自動化測試工具，也是很貴的貴。