当我们编写 AngularJS 应用时，经常需要使用服务来处理异步数据。然而，在单元测试中，我们不希望实际调用服务，而是想要模拟服务的行为。本文将介绍如何在 Jasmine 单元测试中模拟返回 Promise 的服务。
使用 $q
AngularJS 提供了一个名为 $q 的服务，可以用来创建和处理 Promise。在测试中，我们可以使用 $q 来模拟异步操作，并在完成后手动解析 Promise。下面是示例代码：
-- -------------------- ---- -------
--------------------- ---------- -
--- ---------- ------------- --- ---------
----------------------------
--------------------------------------- --------------- ----- -
--------- - ------------
------------ - ---------------
-- - -----
-- ---- -------- --
-------- - -----------
----
---------- ------ - --------- ---------- -
-- --------- ----------------
---------------- ---------------------------------------------
-- ------
--- -------
--------------------------------------- -
------ - -----
---
-- ---- ------- ------
---------------------- -------
---------------------
---------------------------- -------
---
---在这个示例中，我们首先注入 $q 和服务 myService，并创建一个 deferred 对象来模拟异步操作。然后，使用 spyOn 来模拟 myService.getData() 方法并返回 deferred.promise。
在测试中，我们实际调用服务方法，并在 then 回调中设置返回值。最后，手动解析 Promise 并调用 $rootScope.$digest() 来触发 AngularJS 的脏检查过程。这意味着所有的异步回调都将被执行，并且我们可以验证结果是否与预期相符。
使用 $q.when
除了使用 deferred 对象外，我们还可以使用 $q.when 来创建已经解决的 Promise。下面是示例代码：
-- -------------------- ---- -------
--------------------- ---------- -
--- ---------- ------------- ---
----------------------------
--------------------------------------- --------------- ----- -
--------- - ------------
------------ - ---------------
-- - -----
----
---------- ------ - --------- ---------- -
-- -------------- -------
---------------- ---------------------------------------- --------
-- ------
--- -------
--------------------------------------- -
------ - -----
---
---------------------
---------------------------- -------
---
---在这个示例中，我们使用 spyOn 来模拟 myService.getData() 方法并立即返回已经解决的 Promise。在测试中，我们实际调用服务方法，并在 then 回调中设置返回值。最后，我们调用 $rootScope.$digest() 来触发 AngularJS 的脏检查过程并验证结果是否与预期相符。
结论
通过使用 $q 服务，我们可以轻松地模拟异步操作并测试 AngularJS 服务的行为。无论是使用 deferred 对象还是 $q.when 方法，在测试中，我们都必须手动解析 Promise 并触发 AngularJS 的脏检查过程来确保所有的异步回调都被执行并且结果正确。
希望本文对您了解如何在 AngularJS 的 Jasmine 单元测试中模拟返回 Promise 的服务有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25086