简介
broccoli-test-helper 是一个用于编写 Broccoli 构建工具的测试的 npm 包。如果你曾经开发过使用 Broccoli 构建工具的前端项目，那么你可能知道测试 Broccoli 插件是一项非常繁琐和困难的任务。但是，使用 broccoli-test-helper，你可以轻松地编写测试，确保你的插件正常工作。
安装
你可以使用 npm 安装 broccoli-test-helper：
npm install broccoli-test-helper --save-dev
使用
为了演示如何使用 broccoli-test-helper，我们将创建一个简单的插件，并编写测试以确保它正常工作。假设插件的功能是将源文件编译为 ES5 代码。
编写插件
首先，让我们编写我们的插件。创建一个名为 "es5-converter.js" 的文件，然后添加以下代码：
-- -------------------- ---- -------
----- ------ - ---------------------------
----- ----- - -----------------------
----- ------------ ------- ------ -
---------------------- -
---------------- -
----------- -------
---------------- ----
---
-
---------------------- ------------- -
----- ------ - ------------------------ -
-------- ---------------------
---
------ ------------
-
-
-------------- - -------------这个插件继承自 Broccoli 的 Filter 类，它会将所有 ".js" 文件编译为 ES5 代码。我们使用了 babel-preset-env 来进行编译。现在我们已经有了一个可用的插件，接下来让我们编写测试。
编写测试
创建一个名为 "es5-converter-test.js" 的文件，并添加以下代码：
-- -------------------- ---- -------
----- - ------------- - - --------------------------------
----- - ---- - - ----------------
----- ------------ - ---------------------------
------------------------ -- -- -
-------- -------- --- ---- -- ----- ----- -- -- -
----- --------- - --------------- ------------
----- --------- - --- ------------------------
----- ------ - -------------------------
----- ---------------
----------------------------------------
---
---这个测试会将位于 "fixtures" 目录中的 ES6 代码编译为 ES5，然后使用 Jest 进行快照测试。现在运行 npm test 命令，应该会通过测试。
总结
使用 broccoli-test-helper 可以简化测试 Broccoli 插件的过程。只需要少量的配置和代码，你就可以确保你的插件满足预期的功能。当你开发需要使用 Broccoli 构建工具的前端项目时，不妨尝试使用 broccoli-test-helper 来编写测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/53838