Jest 中如何使用 Spy 模拟异步回调？-JavaScript中文网-JavaScript教程资源分享门户

Jest 中如何使用 Spy 模拟异步回调？

前言

在前端开发中，经常需要对异步代码进行测试。在 Jest 中，使用 Spy 可以方便地模拟异步回调函数，从而测试异步代码的正确性。

本文将介绍 Jest 中如何使用 Spy 模拟异步回调，并提供示例代码与实际应用场景。

Jest Spy

Jest 提供了 Spy 功能，可以创建一个函数的 mock 版本，用来记录函数的调用情况、传入参数和返回值等信息，并且可以在测试中验证这些信息。Spy 还可以被用来模拟实际代码中的函数，比如异步回调函数。

使用 Jest Spy 功能可以方便地创建一个 mock 函数，并在测试中对其进行验证。示例代码如下：

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

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

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

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

Jest.Mock

当我们需要模拟异步回调函数时，可以使用 Jest.Mock 对象。使用 Jest.Mock 对象可以轻松地模拟异步回调函数，并且能够在测试中验证该函数被调用后的状态。

下面，我们提供一个使用 Jest.Mock 对象模拟异步回调函数的示例代码：

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

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

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

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

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

以上示例代码中，我们创建了一个异步回调函数 asyncFunction，并将其传入 Jest.Mock 对象 mockCallback 中。在使用 Jest.Mock 对象模拟异步回调函数时，我们使用了 jest.fn() 方法来创建一个 mock 函数。其中，toBeCalledTimes 和 toHaveBeenCalledWith 方法用来验证异步回调函数的调用信息。

实际应用场景

在实际应用中，我们经常需要测试异步操作的正确性。例如，测试一个从 API 中获取数据的函数是否成功获取了数据：

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

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

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

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

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

上述示例代码对 fetchData 函数进行了测试，验证了函数是否成功获取数据，并使用了 Jest.Mock 对象进行了 mock。

总结

本文介绍了在 Jest 中使用 Spy 模拟异步回调函数的方法以及其实际应用场景，并提供了相应的示例代码。

在前端开发中，使用 Jest 进行代码测试能够提高代码质量，降低代码错误率。了解并掌握 Jest 中 Spy 和 Jest.Mock 的使用能够使前端测试代码更加简单高效。

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