npm 包 ember-test-assets 使用教程

阅读时长 4 分钟读完

如果你是一名前端开发人员,那么你肯定不会陌生于 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

纠错
反馈