在前端开发中，我们常常需要进行 AJAX 请求来获取数据并更新页面。而在进行单元测试时，我们也需要模拟这些请求以测试代码的正确性。Jasmine Ajax 是一个可以用于在 Jasmine 单元测试中模拟 AJAX 请求的 npm 包。
安装
使用 npm 进行安装：
npm install jasmine-ajax --save-dev
使用
在单元测试之前，需要在全局 beforeEach 函数中创建一个 jasmine.Ajax.install() 的实例：
-- -------------------- ---- -------
------------ ---- ---- ---------- -
--------------------- -
-----------------------
---
-- ----
-------------------- -
-------------------------
---
---然后，在测试代码中，可以使用 jasmine.Ajax.requests 对象来监听和模拟 AJAX 请求。例如：
-- -------------------- ---- -------
------ --- ---- ---------- -
--- ------ - -----------------------------
--- --- - --- -----------------
---------------------- - ---------- -
-- ---------------- -- -- -
--------------------------
-
--
--------------- ---------
-----------
-------------------------------------------------------------
--------------------------------------
------------------------------------------------
--------- ----
-------------- -------------
--------------- ------ ------
---
------------------------------------------ --------
---在这个示例中，我们首先发送一个 GET 请求到 /test 地址。然后，我们使用 jasmine.Ajax.requests.mostRecent() 方法获取最近一次发出的请求，并断言其 URL 是 /test。接着，我们模拟了一个返回值，并验证回调函数 doneFn 是否得到了正确的响应文本。
除了 respondWith 方法之外，Jasmine Ajax 还提供了其他方法，如 respondWithJSON、respondWithFailure 等等。具体用法可以参考 官方文档。
深度学习
Jasmine Ajax 不仅可以用于测试 AJAX 请求的正确性，还可以用于测试请求的执行顺序和逻辑。例如，在某些场景下，我们需要确保在某个 AJAX 请求完成之后才能开始另一个请求。
-- -------------------- ---- -------
--------------- ---------- -
--- ------- - ------------------------------
--- ------- - ------------------------------
--- ---- - --- -----------------
----------------------- - ---------- -
-- ---------------- -- -- -
---------------------------
--- ---- - --- -----------------
----------------------- - ---------- -
-- ---------------- -- -- -
---------------------------
-
--
---------------- ----------
------------
-
--
---------------- ----------
------------
----------------------------------------------
---------------------------------------------------------
--------------------------------------------------------------
-------------------------------------------
--------- ----
-------------- -------------
--------------- ------ ----- --
---
------------------------------------------- ----- ----
---------------------------------------
------------------------------------------------
--------- ----
-------------- -------------
--------------- ------ ----- --
---
------------------------------------------- ----- ----
---在这个示例中，我们首先发送一个 GET 请求到 /test1 地址，并在请求完成后再发送一个 GET 请求到 /test2 地址。然后，我们使用 expect 和 jasmine.Ajax.requests.* 方法对请求的顺序进行断言。接着，我们模拟了两个返回值，并
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36332