如何使用 Jest 测试 ES6 模块-JavaScript中文网-JavaScript教程资源分享门户

如何使用 Jest 测试 ES6 模块

在现代前端开发中，使用模块化机制是必不可少的。ES6 模块已经成为了前端开发中最常用的一种模块化方案。然而，测试是保证应用质量的重要步骤之一。本文将介绍如何使用 Jest 测试 ES6 模块，并提供详细指导以及示例代码。

安装 Jest

首先，需要全局安装 Jest：

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

基本使用

大多数情况下，我们只需要编写一个测试文件来测试我们的代码。我们来创建一个 math.js 文件，其中暴露了一个 sum 函数：

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

现在，我们创建一个 math.test.js 文件来测试 sum 函数是否能够正确计算：

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

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

在这个测试文件中，我们首先导入了 math.js 文件中的 sum 函数。然后，我们使用 Jest 提供的 test 函数来定义一个测试用例。在这个测试用例中，我们期望 sum(1, 2) 的结果应该等于 3。最后，我们使用 expect 函数来断言测试用例的结果。如果测试用例中的断言成功，那么就说明我们的代码实现是正确的。

接下来，在命令行中运行 jest 命令，Jest 将自动查找所有以 .test.js 结尾的文件，并运行它们。

更多用法

异步操作

在异步操作中，我们需要使用回调函数（callback）、Promise 或者 async/await 来等待异步代码完成。Jest 为处理这种情况提供了一些内置的方法。

callback

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

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

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

在上面的示例中，我们使用了一个名为 done 的回调函数，它使得 Jest 等待测试用例完成。当我们期望 data 的值为 'hello world' 时，我们就使用 expect 函数来断言。最后，我们调用 done() 函数来通知 Jest 测试用例已经完成。

Promise

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

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

在这个示例中，我们返回了一个 Promise。我们使用 expect 函数断言 Promise 的 resolve 值是否等于 'hello world'。

Async/Await

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

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

在这个示例中，我们使用 async/await 来等待异步函数的返回值。当异步函数返回了 Promise 的 resolve 值时，我们将其存储在一个 data 变量中，并使用 expect 函数来断言返回值是否等于 'hello world'。

Jest Matchers

Jest 提供了很多 Matcher 函数，用于断言我们的代码是否符合预期。

toBe(expected)：使用 Object.is 检查实际值是否与期望值相等。
toEqual(expected)：递归比较对象或数组的所有字段。
not.toBe(expected)：用于断言实际值与期望值不相等。
toMatch(pattern)：用于检查正则表达式是否与实际值匹配。
toContain(expected)：用于检查实际值中是否包含期望值。
toHaveLength(expected)：用于检查实际值的长度是否等于期望值。
toThrow(error)：用于检查函数是否抛出错误。
toHaveBeenCalled()：用于检查函数是否被调用过。
toHaveBeenCalledWith(expected)：用于检查函数是否被传递了特定的参数。

这里只列举了其中一些 Matcher 函数，更多 Matcher 函数可以看官方文档 https://jestjs.io/docs/en/expect。

结论

测试是保证应用质量的重要步骤。在本文中，我们使用 Jest 测试框架来测试 ES6 模块。我们已经了解了 Jest 的基础知识以及它提供了强大的异步操作处理能力。同时，我们还学习了如何使用 Jest Matcher 来进行断言。希望本文提供的指导能够帮助你更好地进行前端开发！

示例代码

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

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

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

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

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

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

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

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

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

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

来源：JavaScript中文网，转载请联系管理员！本文地址：https://www.javascriptcn.com/post/67149872ad1e889fe21493ec