介绍
@gerhobbelt/babel-helper-fixtures 是一个 Babel 插件，用于帮助编写 Babel 的测试用例。它将传入的转换前和转换后的代码打包成一个对象返回，方便我们进行测试。下面详细介绍如何使用它。
安装
在使用该插件前，首先需要在项目目录下安装它：
npm install @gerhobbelt/babel-helper-fixtures --save-dev
使用
接下来，我们需要为该插件创建一个配置文件。在项目根目录下创建一个 .babelrc.json 文件，并在其中配置 @gerhobbelt/babel-helper-fixtures 插件：
{
"presets": ["@babel/preset-env"],
"plugins": [
["@gerhobbelt/babel-helper-fixtures", {
"fixturesPath": "./test/fixtures"
}]
]
}其中，fixturesPath 选项表示将要生成测试用例的路径。在该路径下，我们可以编写以 .js 和 .js.expected 为后缀的文件，前者表示待转换的代码，后者表示转换后的代码。
例如，在 ./test/fixtures 目录下创建一个 add.js 文件，里面包含两个函数的加法：
export function add(a, b) {
return a + b;
}
export function sub(a, b) {
return a - b;
}接着在同一目录下创建一个 add.js.expected 文件，里面包含将 ES6 转换为 ES5 的结果：
-- -------------------- ---- ------- ---- -------- ------------------------------ ------------- - ------ ---- --- ----------- - ----------- - ---- -- -------- ------ -- - ------ - - -- - ----------- - ---- -------- ------ -- - ------ - - -- - ----------- - ----
最后，在测试文件中引入该模块，并调用 generateFixture 函数：
-- -------------------- ---- -------
------ - --- - ---- -----------------
--------------- -- -- -
-------- --- --------- -- -- -
------------- ------------
---
-- -------- -------
----------------------------------------------- -----
---其中，generateFixture 函数的第一个参数为待生成测试用例的文件路径，第二个参数为需要测试的函数。
总结
通过 @gerhobbelt/babel-helper-fixtures 插件，我们可以方便地生成 Babel 的测试用例，尤其是在需要大量测试不同代码的情况下。这种方法简单易用，且可以大大提高测试开发效率，建议大家使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f02d555403f2923b035bdb3