使用 Mocha 自帶命令初始化測試文件夾

npx mocha init ./test

可以看到，在 test 文件夾下出現(xiàn)了 index.html, mocha.js, mocha.css, tests.spec.js 四個文件。我們可以直接將測試代碼寫在 tests.spec.js 文件中，也可以新建文件，并使用 script 標簽的方式引入到 HTML 文件當中。但要注意的是，這里引入的文件不能是 ES 模塊，也就是不能使用 import / export ，否則會被 mocha 模塊忽略。

那么該如何調(diào)用 ES 模塊呢？

我們先安裝 rollup

npm install -D rollup

再在項目根目錄下創(chuàng)建 rollup.config.js 文件，其內(nèi)容如下：

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

"build": "rollup -c"

打開終端，執(zhí)行?`npm run build`，在前文提到的 index.html 中引入打包后的文件以替代原來的 ES 模塊文件，這樣你就可以直接通過?`module.xxx`?的方式調(diào)用項目中 export 出的東西了。

此時，在瀏覽器中直接打開 HTML 文件就可以查看測試結(jié)果了。

如果你想使用斷言函數(shù)，你可以使用?`console.assert()`?，也可以引入相關(guān)的斷言庫，如 chai, should 等。