是什么
mithril-query 是一款基于 Mithril 的 JavaScript框架的测试库。它提供了一种简单的方式来模拟 Mithril 组件，并允许我们进行轻松的断言检查。
能做什么
使用 mithril-query，我们可以对 Mithril 组件进行以下测试：
- 测试组件渲染的正确性
- 模拟不同的组件 Props 和 State
- 查找组件中的元素
- 操作组件中的元素，例如触发点击事件、输入文本框等
- 验证组件听到了监听事件并相应地更新组件
安装
你可以通过 npm 安装 mithril-query，运行以下命令：
npm install --save-dev mithril-query
使用示例
下面我们将尝试编写一个简单的组件测试，我们有一个依赖 Mithril 的组件 To-Do List，并尝试测试它是否能够正确地渲染列表项。我们将使用 mithril-query 来测试它。
-- -------------------- ---- -------
------ - ---- ---------
------ -- ---- ---------------
------ -------- ---- ---------------
-------------------- -- -- -
---------- ------ ----- ----- ----------- -- -- -
----- ----- - -
- ----- ----- --- ------- ------ --
- ----- ----- --- ------- -------- --
- ----- ----- --- ------- -------- --
-
----- --------- - ---
----------- - ----- --
-
---------------------------------------- --
------------------------------------- --
--------------------------------------- --
--
--在上面的代码中，我们首先导入了 Mithril 和 mithril-query。然后，我们编写了一个测试用例，其中包含我们输入的待办事项列表的数组。
我们然后使用 mq 函数模拟了 TodoList 组件。接着，我们使用一些简单的断言来检查组件是否已正确渲染出列表项，并且包含了正确的状态。
结论
使用 mithril-query 来测试各种 Mithril 组件是一个相对容易的事情。上面的示例应该足以让你感受到其强大之处。该库具有详细的文档和指南，你可以去 mithril-query GitHub 页面 获取更多相关信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedade8b5cbfe1ea0610d39