在 Angular 中，单元测试是保证我们编写的代码经过测试的重要方法。其中一个最重要的测试工具是 Jasmine，它允许我们模拟函数和方法，以便更好地控制我们的测试用例。
在这篇文章中，我们将讨论如何删除或修改 Jasmine 中的 spyOn，同时提供示例代码来帮助您更好地理解。
什么是 spyOn？
Jasmine 中的 spyOn 函数用于模拟函数和方法。使用 spyOn 函数，我们可以监视这些函数的调用，并对其进行计数、修改返回值或抛出异常等操作。这对于测试某些特定的场景非常有用，比如需要确保函数没有被意外地调用。
以下是 spyOn 的基本语法：
spyOn(object, methodName).and.callThrough();
其中，object 是我们要监视的对象，methodName 是我们要监视的方法的名称。
如何删除 spyOn？
有时候，在测试过程中，我们可能需要删除一个已经建立的 spyOn，以便在后续测试中重新设置该函数。为了删除 spyOn，我们可以使用 spyOnObj.spyName.and.returnValue(undefined);，其中 spyOnObj 是指被监视的对象，而 spyName 是指要删除的 spyOn 的名称。
以下是一个示例，演示如何删除 spyOn：
-- -------------------- ---- -------
---------- ------ - ----- -- -- -
----- --- - -
--------- ---- -
------------------- ---------
-
--
---------- ----------
---------------------------------
-------------
--------------------------------------
---------- -------------------------------------
-----------------------------------
---在这个示例中，我们首先创建了一个 obj 对象，并使用 spyOn 监视了它的 method 方法。然后，我们调用该方法，并检查它是否已被调用。
接下来，我们使用 spyOn 函数重新监视了 obj 对象的 method 方法，并将其返回值设置为 undefined。最后，我们再次检查该方法，确认它已经被删除。
如何修改 spyOn？
有时候，在测试过程中，我们需要修改 spyOn 的返回值。为此，我们可以使用 spyOnObj.spyName.and.callFake(fn);，其中 fn 是指要替换调用 spyOn 时执行的函数。
以下是一个示例，演示如何修改 spyOn：
-- -------------------- ---- -------
---------- ------ - ----- -- -- -
----- --- - -
--------- ------ -
------ -----------
-
--
---------- ----------------------------
-----------------------------------------
---------- ------------------------- -- ------------
-----------------------------------------
---在这个示例中，我们首先创建了一个 obj 对象，并使用 spyOn 监视了它的 method 方法，同时将其返回值设置为实际调用该方法。然后，我们检查该方法的返回值是否为 'original'。
接下来，我们重新监视了 obj 对象的 method 方法，并将其返回值设置为一个新的函数，该函数始终返回字符串 'modified'。最后，我们再次检查该方法，确认它的返回值已经被修改。
总结
在本文中，我们讨论了如何删除或修改 Jasmine 中的 spyOn，并提供了相应的示例代码。SpyOn 是 Angular 单元测试中非常重要的工具之一，能够帮助我们更好地控制测试用例。如果您是 Angular 开发人员，请务必熟悉使用 spyOn，以便编写更加健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30556