npm 包 @types/ember-testing-helpers 使用教程

阅读时长 5 分钟读完

介绍

在开发 Ember 应用时,经常需要使用 ember-testing-helpers 进行测试。但是,如果使用 TypeScript 进行开发,就需要为它添加类型。这时,就可以使用 npm 包 @types/ember-testing-helpers

@types 是 npm 生态系统中专门存储 TypeScript 类型声明的命名空间。通过使用 @types/ 包名作为前缀,就可以轻松地为库添加类型。这篇文章将会介绍如何使用 npm@types/ember-testing-helpers 来为 Ember 测试工具添加类型。

安装

在使用 @types/ember-testing-helpers 之前,我们需要先安装它。在项目根目录下,运行以下命令:

使用

安装成功后,我们就可以在 TypeScript 代码中引入 ember-testing-helpers。例如:

-- -------------------- ---- -------
------ - ----- - ---- ------------------------
------ - ------- ---- - ---- --------

------------------- - --------- - --------- --------------- -
  -------- --------- ---------------- -
    -----------------

    ---------------- -- -- ----

    ----------------
      ---------
        ---------------- -----
      --
    ---

    ------ --------------- -----------------
  ---
---

这段代码使用了 ember-testing-helpersclick 方法模拟了点击按钮的操作。但是,在 TypeScript 中,编译器会提示找不到 ember-testing-helpers 的类型声明。这时,我们就需要引入 @types/ember-testing-helpers

-- -------------------- ---- -------
------ - ----- - ---- ------------------------
------ - ------- ---- - ---- --------
------ -
  -------------
  -------------
  -------
  ------
- ---- ----------------------

------------------- - --------- - --------- --------------- -
  -------- --------- ---------------- -
    -----------------

    ---------------- -- -- ----

    ----------------
      ---------
        ---------------- -----
      --
    ---

    ------ --------------- -----------------
  ---
---

现在编译器就能够正确地识别 ember-testing-helpers 中的方法了。

示例

下面是一个使用 @types/ember-testing-helpers 的示例。注意,这里的示例代码包含了一些没有引入的依赖,为了演示方便,我们省略了它们的代码。实际上,在真实项目代码中,这些依赖应该被正确地引用。

-- -------------------- ---- -------
------ - ----- - ---- ------------------------
------ - ------- ---- - ---- --------
------ -
  -------------
  -------------
  -------
  ------
- ---- ----------------------

------------------- - --------- - --------- --------------- -
  -------- --------- ---------------- -
    -----------------

    ---------------- -- -- ----

    ----------------
      ---------
        ---------------- -----
      --
    ---

    --------------------------------
    -------------------- -----------------------------------

    ------ --------------- ------------------------ -- -
      --------------- ------- ------ -- ----------
    ---------- -- -
      ------ ---------------------- ------------
    ---------- -- -
      ------ ---------------------- ----------- ------- ----
    ---------- -- -
      ------ ---------------- -------- ------ --------
    ---------- -- -
      ------ --------------- ---------
    ---------- -- -
      -------------------- ------------------------ --------
    ---
  ---
---

结论

使用 @types/ember-testing-helpers 可以为开发 Ember 应用的 TypeScript 程序员提供良好的类型支持。当我们在测试脚本中使用 ember-testing-helpers 时,添加类型声明既能够为我们节省开发时间,也能够提高代码质量。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/types-ember-testing-helpers