Ember 是一个流行的前端框架，而 npm 是 Node.js 的包管理器，允许我们使用指令式语言来创建细致的、可重用的代码块。Ember Macro Test Helpers 是一个 npm 包，它为 Ember 应用提供了一组宏测试帮助程序，允许您在单元测试中使用简洁的、易于维护的代码来测试和重构您的代码。
深入理解 Ember Macro Test Helpers
Ember Macro Test Helpers 是一个测试助手库，它允许您在 Ember 应用程序的单元测试中轻松实现更好的测试和重构经验，同时提供了一组可重用的帮助程序。该库充满了命令式类型的文档，特定的属性和事件，允许您使用单元测试更快地构建和重构您的代码。（在本文中，我们将专注于如何在 Ember 应用程序中使用这个有用而强大的 npm 包）。
该库的核心是一组宏，这些宏为您的测试创建了一个更高级的测试体验。您可以使用它们来模拟 Ember 模板中的模板标记、触发按键或键盘事件、模拟鼠标或触摸交互、测试 Ember 更改集等等。Ember Macro Test Helpers 让您的测试更加简洁和易于维护。
Ember Macro Test Helpers 的使用方法
在项目中安装 npm 包，使用以下命令即可：
npm install --save-dev ember-macro-test-helpers
然后在你的测试文件中，导入 src/index.js:
-- -------------------- ---- ------- ------ - --------- -- - ---- -------- ------ - ------------------ - ---- -------------- ------ - ------ - ---- ------- ------ --- ---- ----------------------------- ------ - ----- -- ------- ----------- -- ------ ------ -------------- ----- -- ------- --- --- ------ --- ---- -- --- ------ ------- --------- ------------- -- --- --- ----- ------- ---------- ------ --- - ---- ---------------------------
通过 describe 和 it 来编写测试集和测试用例，并使用 setupRenderingTest 和 hbs 函数来设置（渲染）测试环境和需要进行单元测试的 Ember 模板。
在您的测试中使用帮助程序的基本语法如下：
-- -------------------- ---- -------
------ -
-----
------
------
- ---- ---------------------------
-------- -------- -- ------ ---- --------- -------- -------- -
-----------------
------------------- -- -- -
--------------- ------ -------------
---
------------------------------ --------------- -------------
-----------------------
---
-------- ----- --- ----- ---- ------- -------- -------- -
----------------- ----
------------------------------ ----------------
--------------------- ------- --- --------
---------- -- -
------------------------------- --- --------
---
---如上所述，您可以使用 click、fillIn 等帮助程序来模拟交互事件，并通过 test 来编写测试。
Ember Macro Test Helpers 的另一种使用方式
除了在单元测试中使用 Ember Macro Test Helpers，您还可以使用它们在您的 Ember 应用程序和计算机屏幕上构建更高级和更细致的交互。
一个示例是：
-- -------------------- ---- -------
------ --------- ---- -------------------
------ -
------
-------
------------
- ---- ---------------------------
------ ------- ------------------
-------- -
---------- -
----- --- - --- -----------------
---------------- --------------
------------------------------------ ----------------------------------
---------- - -- -- -
-- ----------- --- ---- -
-- ------ --------
- ---- -
-------------- ------- -------- ------ -- ----------------
-
--
-------------------------
----- -----------------
------------ -----------------------
----
-
--
----------------- -
----------------------
------ -------------------- --------
--
----------------- -
--------------------- -------
------ --------------------------- ---------
-
---在这个示例中，我们使用 click、fillIn 和 triggerEvent 宏来模拟用户和计算机之间的交互和事件。这些宏帮助我们简化代码并提高测试覆盖率和安全性。
总结
Ember Macro Test Helpers 是一个强大且易于使用的 npm 包，它允许您在 Ember 应用程序的单元测试中轻松实现更好的测试和重构经验。通过深入学习这个 npm 包，您可以在您的项目中创建清晰、简洁、可维护的代码，并构建更高效的前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc81