1. 简介
cyclejs-test-helpers 是一个 npm 包，专门用于帮助开发者在 Cycle.js 的应用中编写测试。
它是一个基于 Mocha 和 Chai 的测试工具，可以轻松地模拟应用程序中的 DOM 交互和事件。此外，它还提供了一个模拟 RxJS 的 Scheduler 的功能，可以使你脱离现实的时间，避免测试时需要整个应用等待时间。
2. 安装
使用 npm 安装 cyclejs-test-helpers：
--- ------- -------------------- ----------
3. 使用
使用时需要在测试文件头部引入 cyclejs-test-helpers 和应用程序的代码：
------ - ------------- - ---- -------------
------ - --- - ---- ------------------
------ - ------------- - ---- -------------------------------
------ - --------- -- - ---- --------
------ - ------ - ---- -------
------ - -- --- - ---- -------------
------ -- ---- -------
------ ----- ---- --------
------ ------------------ ---- -----------------------
----- - ----- - - ----------------------------------
------ ---- ---- ------------
-------------- ------ -- -- -
--- ------- - -----
--- --------- - -----
--- -------- - -----
--- ------- - -----
------------- --- ---------- -- -- -
------- - ------------------------------
-----------------------------------
--------- - -----------------------
---
-------- -- -
----------------------------------------
---
------------- -- -
----- - -------- ----- - - --------- -
---- ----------
----- ----------------------
---
-------- - --------------
------- - --------------
---
------------ -- -
-------- - -----
------- - -----
---
-------------- --- ------ -- --------- -- -- -
---------- ------ --- ---- -- --- ----------- -- -- -
----- --------------- - ------------------------ -
---------- -
------ --------
--
---
------------------------------------------------------------------ -- -------------------------------------
------------------------------------------------------------------ -------
---------- -- ----------
-------- -- -------------------------------------------------------------- --------
---
---
---其中，main 是应用程序的启动文件，我们在测试文件中使用 run 函数将应用程序的状态与驱动程序（DOM、HTTP、WebSocket）连接起来。
我们还使用 mockDomSource 函数模拟 DOM，我们可以使用 EventSimulator 来触发 DOM 事件。
在 beforeEach 函数中，我们创建了 actions$ 及 state$ 流以供测试使用，测试完成后，我们在 afterEach 函数中将其设置为 null。
4. 结论
cyclejs-test-helpers 是一个非常有用的测试工具，它可以让开发者以轻松的方式编写 Cycle.js 应用程序的测试。它提供了模拟 DOM 的功能，可以很容易地模拟以及模仿 DOM 事件，也可以模拟 RxJS 调度器，避免测试需要等待的情况。
希望本文能够帮助到想要测试 Cycle.js 应用程序的开发者。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb6f5b5cbfe1ea06116ad