有没有办法从 React UI 开始 Mocha 测试？答案

【问题标题】：Is there a way to start Mocha tests from a React UI?有没有办法从 React UI 开始 Mocha 测试？
【发布时间】：2019-07-03 03:31:08
【问题描述】：

我正在为我的 Node.js 应用程序设置一个测试框架，并且我的 Mocha 测试已经设置好并且可以运行了。

我想要一个用于我的测试套件的 UI，我可以在其中选择复选框以确定哪些测试应该在当前执行中。我已经使用 Reactjs 为此创建了一个 UI。

我有什么方法可以通过 UI 上的 Reactjs 按钮 onClick 触发和启动我的 mocha 测试套件？（我不想测试 React UI，我希望 UI 启动 Mocha 测试以测试不同的应用程序）

我正在寻找一种通过网络或以编程方式运行 Mocha 的方法。自从我使用了 create-react-app 命令后，React 使这成为了一个挑战。尝试通过 index.html 添加 Mocha 会导致问题，因为 node_modules 位于公共目录之外，并且尝试以编程方式要求 mocha 会导致错误提示没有构造函数。

【问题讨论】：

How do you run mocha tests in the browser?的可能重复
不幸的是，这不适合我的用例，因为反应配置不允许 index.html 文件引用公共文件夹之外的文件。但是，我可以按照以下文档让 Mocha 以编程方式工作：github.com/mochajs/mocha/wiki/Using-mocha-programmatically 尽管由于 react 导入包的方式，我不得不做一些细微的改变。像这样需要 Mocha 包： import Mocha from 'mocha';让 mocha = new Mocha.Mocha();

标签： node.js reactjs mocha.js

【解决方案1】：

我无法通过脚本标签在 Web 中使用 Mocha，但是经过一些修补后，我能够让 Mocha 以编程方式工作。

我遵循了此用例的文档，但我必须稍作更改才能使构造函数工作：https://github.com/mochajs/mocha/wiki/Using-mocha-programmatically

而不是这样（导致构造函数出错）：

var Mocha = require('mocha')
var mocha = new Mocha();

我这样做了：

import Mocha from 'mocha';
let mocha = new Mocha.Mocha();

这让我可以创建一个 Mocha 实例并调用不同的 Mocha 函数。这是来自 create-react-app 生成的 App.js 文件。

【讨论】：