介绍
meck是一个用于前端开发中进行单元测试的npm包。它可以用于mock任何访问数据的函数或方法。使用meck可以帮助我们在测试过程中，避免真正发起数据请求，从而加快测试速度，减少测试资源消耗。
安装
安装meck非常简单，只需要在你的终端中输入以下命令：
--- ------- ---- ----------
使用
基本语法
使用meck的基本语法如下：
--- ---- - ---------------- --- - - ------- -- ---- ------------- ------ -- ------ ----- ------------------------------------ -- --- ------ ---- ---- --- --- - -------------------
上面的代码中，我们创建了一个mock对象m。然后我们通过m对象的mock方法，mock了一个test-module中的getUserName方法，使它返回了我们所期望的一个字符串'Doe'。最后，我们使用mock对象m的call方法，执行了一个我们所期望的函数。
案例分析
下面，我们将通过一个案例分析，更加详细的了解meck的使用。
假设现在我们需要测试一个与服务端交互的函数getUserInfo。我们需要mock掉服务端返回的数据，使得我们可以在测试中不依赖服务端的实际运行情况，同时也可以保证测试的运行速度。
假设getUserInfo方法的实现代码如下：
-------- ------------------- --------- -
---------------------- -------- -------- -------------- -
------------------- ----------
---
-我们可以使用meck来mock掉$.getJSON方法。我们只需要在我们的测试代码中，使用meck让$.getJSON方法返回我们所期望的数据即可。
具体实现代码如下：
--- ---- - ----------------
--- ----- - -----------------
----------------------- ---------- -
---------- --- ---- ------ -------------- -
-- ---- ---- ----
--- ---- - -
----- ------
---- --
--
--- -------- - -------------
-----------------------
----------------------
-- ---- -------
--- ---- - -------
-----------------------------------
-- ----
--- ----------- - -----------------------
------------------ -------------- ---- -
----------------------- ------
---------------------- -----
-------
---
---
---上面的代码中，我们首先引入了meck和sinon两个npm包。然后在测试的it方法中，我们首先使用sinon的stub方法创建了一个$.getJSON方法的mock函数jsonStub。然后通过yields方法，使得jsonStub的调用结果为我们所期望的数据data。
接着，我们使用meck创建了一个mock对象，然后使用mock对象的_.getJson方法，将我们刚才创建的jsonStub返回了回来。
最后，我们在我们的测试代码中获取getUserInfo函数，然后执行getUserInfo方法，检查返回的数据是否与我们所期望的一致。
总结
使用meck可以帮助我们在前端的单元测试中，mock掉需要向服务端发起请求的方法，从而实现测试的更快速进行，减少测试资源的消耗。同时也可以提高测试的稳定性和可靠性。hopefully，这篇文章对你理解meck的使用起到了一些帮助作用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f3b1d8e776d080409d5