如果你是一名前端开发人员,那么你肯定不会陌生于 npm,这是一个很好的资源包管理器。npm 上有很多可用的插件和包,其中之一是 ember-test-assets。该包提供了在使用 Ember.js 进行测试时使用的各种资产。它包括用于测试的 Ember 组件和 helper 函数。本文旨在向读者介绍 ember-test-assets 的使用方法和指导意义。
安装
要使用 ember-test-assets,首先需在计算机上必须安装 Node.js 和 npm。请参阅安装指南 https://nodejs.org/en/download/
npm 包可以通过在命令行中使用以下命令安装:
--- ------- ---------- -----------------
使用
一旦你已经安装了 ember-test-assets,你便可以开始使用它了。本节将演示如何使用 ember-test-assets 来进行测试的开发。
首先,要在应用程序的测试套件中导入 ember-test-assets。可以为每个测试文件使用 ES6 import
语句:
------ --------------- ---- --------------------
或者,您可以在测试的主页导入此包,并在所有测试中使用此包。
------ --------------------
现在,您可以在测试中使用包中的组件和 helper 函数。这些组件和函数都可用,以将测试用例降至诸如 render('{{my-component}}')
这样的最少代码。
以下是一个示例组件 {{my-component}}
,该组件依赖于 ember-test-assets
提供的组件:
-- -------------------- ---------------------------------- ------------ - --------- - -- ----------- - ------------ ---- --- -------- --------- ---------------- - -------------------------------------------------------- ------------------------------------ ------- --------- ---
包含的组件和 helper
ember-test-assets
包括测试中使用的各种组件和 helper 函数。下面列出了一些最常用的:
EmberTestAssets.COMPONENTS['component-name']
- 一个基本的 Ember 组件,用于测试。如果要将自己的组件传递给render
,则可以使用这个助手函数。EmberTestAssets.Helpers.click(selector)
- 模拟单击指定选择器的 DOM 元素。EmberTestAssets.Helpers.fillIn(selector, value)
- 模拟向指定选择器填充值。EmberTestAssets.Helpers.triggerKeyEvent(selector, type, keyCode)
- 在指定的选择器上触发指定的键盘事件类型。EmberTestAssets.Helpers.visit(url)
- 模拟转到指定的 URL。这个帮助函数可以在 acceptance 测试中使用。EmberTestAssets.Helpers.wait()
- 暂停测试执行进程。EmberTestAssets.Helpers.triggerEvent(selector, type)
- 在元素上触发指定类型的事件。
指导意义
ember-test-assets 可以帮助你更加便利地进行 Ember.js 中的测试。使用此包可以让您专注于测试逻辑,而不是浪费时间创建所需的组件和辅助函数。
结论
在本文中,我们讨论了如何使用 npm 包 ember-test-assets 来大大简化 Ember.js 测试的开发。我们介绍了如何安装此包,以及如何使用其中包含的组件和 helper 函数。本文也强调了这个 npm 包的指导意义,如何帮助程序员更加高效地编写测试。我们希望读者能够从本文中学到一些有用的技术知识。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066e17a563576b7b1ecac0