使用 Mocha 自带命令初始化测试文件夹

npx mocha init ./test

可以看到，在 test 文件夹下出现了 index.html, mocha.js, mocha.css, tests.spec.js 四个文件。我们可以直接将测试代码写在 tests.spec.js 文件中，也可以新建文件，并使用 script 标签的方式引入到 HTML 文件当中。但要注意的是，这里引入的文件不能是 ES 模块，也就是不能使用 import / export ，否则会被 mocha 模块忽略。


(资料图)

那么该如何调用 ES 模块呢？

我们先安装 rollup

npm install -D rollup

再在项目根目录下创建 rollup.config.js 文件，其内容如下：

再在 package.json 的 script 中加上如下语句：

"build": "rollup -c"

打开终端，执行 `npm run build`，在前文提到的 index.html 中引入打包后的文件以替代原来的 ES 模块文件，这样你就可以直接通过 `module.xxx` 的方式调用项目中 export 出的东西了。

此时，在浏览器中直接打开 HTML 文件就可以查看测试结果了。

如果你想使用断言函数，你可以使用 `console.assert()` ，也可以引入相关的断言库，如 chai, should 等。

关键词： MOCHA IMPORTEXPORT html CHAI TEST