使用 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 等。

推荐内容