在现代的前端开发中，使用 ES6 已经是一种趋势。然而，由于浏览器的兼容性问题，我们无法在所有的浏览器中直接运行 ES6 代码。因此，我们需要使用 Babel 将 ES6 代码转换成 ES5 代码。此外，为了保证代码的质量，我们还需要进行测试。而 Mocha 是一个非常流行的测试框架，可以用来测试 JavaScript 代码。那么，本文将详细介绍如何使用 Babel 与 Mocha 结合进行 ES6 代码测试。
安装依赖
首先，我们需要安装相关的依赖：
npm install --save-dev mocha babel-core babel-preset-env babel-register
这里，我们安装了 Mocha、Babel 的核心库、Babel 的 env 预设和 Babel 的注册器。
配置 Babel
安装完成后，我们需要配置 Babel。新建一个名为 .babelrc 的文件，将以下内容复制进去：
{
"presets": ["env"]
}以上配置表示使用 env 预设。env 预设会根据我们使用的 JavaScript 引擎和标准库自动确定需要转换的 ES6 代码，并将其转换为对应的 ES5 代码。如果需要更复杂的配置，我们可以在此处添加。
编写测试代码
接下来，我们需要编写测试代码。新建一个名为 test.js 的文件，将以下内容复制进去：
import { expect } from 'chai';
import add from './add.js';
describe('add function', function() {
it('1 + 1 should be equal to 2', function() {
expect(add(1, 1)).to.equal(2);
});
});以上代码使用 ES6 的模块化语法导入了 Chai 库的 expect 对象和 add 函数。然后，我们使用 Mocha 的 describe 和 it 方法编写测试用例，并调用 expect 方法验证结果。
编写被测试的代码
然后，我们需要编写被测试的代码。新建一个名为 add.js 的文件，将以下内容复制进去：
export default function add(a, b) {
return a + b;
}以上代码导出了一个 add 函数，用于计算两个数的和。
编写测试脚本
最后，我们需要编写测试脚本。新建一个名为 test-runner.js 的文件，将以下代码复制进去：
require('babel-register');
const path = require('path');
const testPath = path.join(__dirname, 'test.js');
require(testPath);以上代码使用 Babel 的注册器来转换我们的测试代码，然后使用 path 模块拼接出测试代码的路径，并使用 require 方法加载测试代码。由于我们使用了 Babel 的注册器，所以我们可以直接在测试代码中使用 ES6 语法。
运行测试
现在，我们可以使用以下命令来运行测试：
./node_modules/.bin/mocha test-runner.js
运行以上命令后，Mocha 会读取我们的测试脚本，并执行其中的测试用例。如果所有测试用例都通过，我们会看到以下输出：
add function
✓ 1 + 1 should be equal to 2
1 passing (9ms)总结
本文介绍了如何使用 Babel 与 Mocha 结合进行 ES6 代码测试。通过使用 Babel，我们可以将 ES6 代码转换成 ES5 代码以保证浏览器的兼容性；通过使用 Mocha，我们可以编写丰富的测试用例来验证代码的正确性。希望本文可以对您的学习与开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647d3aef968c7c53b080a6aa