electron-vue 使用 [Spectron](http://electron.atom.io/spectron/) 和 [Mocha](https://mochajs.org/) \(与 [Chai](http://chaijs.com/)\) 作为端到端测试的框架。包括 `expect`、`should` 以及 `assert` 在内的 Mocha 和 Chai 的 API 在全局范围内可用。

在运行端到端测试之前，调用 `npm run pack` 来创建一个产品构建，使 Spectron 在测试的时候可以使用。

这是 Mocha 入口文件，并收集在 `specs/` 内的所有测试代码用于测试。

在这里，你会发现一些通用的函数，可以在你的 `specs/` 中使用。其基本功能包括处理 electron 创建/销毁过程的 `beforeEach` 和 `afterEach`。

如 Spectron 的 [文档](https://github.com/electron/spectron#client) 中所述，可以通过访问 `this.app.client` 来访问 [WebDriverIO APIs](http://webdriver.io/api.html)。 由于 electron-vue 使用了 Mocha，`this` 在 `afterEach`、`beforeEach` 和 `it` 之间共享。 因此，值得注意的是，ES2015 的箭头函数不能在某些情况下使用，因为 `this` 的语境将被覆盖 \([更多信息](https://mochajs.org/#arrow-functions)\)。

因受到了官方 `vuejs-templates/webpack` 样板代码提供的测试的极大启发，electron-vue 同时支持单元测试和 `renderer` 进程的端到端测试。在 `vue-cli` 脚手架中，你可以选择是否包含测试。

如果你决定在脚手架时使用 `electron-builder` 作为构建工具，那么你可以在针对 `darwin`、`linux` 和 `win32` 的 Travis CI 以及 AppVeyor 上轻松测试应用程序。在 `.travis.yml` 和 `appveyor.yml` 两者之间，你会发现注释掉的部分，你可以快速取消注释以启用测试。确保在 [**使用 CI 的自动化部署**](/using-electron-builder.md#automated-deployments-using-ci) 上阅读更多信息。

electron-vue 使用 [Karma](https://karma-runner.github.io/1.0/index.html) 作为测试的运行器，使用 [Mocha](https://mochajs.org/) \(与 [Chai](http://chaijs.com/)\ 作为测试框架 进行单元测试。

这个目录里面是编写实际测试代码的地方。由于 Webpack 的强大功能，你可以完全依照 ES2015 和 所支持的加载程序编写。

这是 `karma-webpack` 使用的入口文件。该文件的目的是一次性收集所有测试和源代码。

在这里，你可以找到实际的 `karma` 配置，并使用 spec/coverage 记录器进行设置。可以根据 [karma 官方文档](http://karma-runner.github.io/1.0/config/configuration-file.html) 进一步定制。