Jquery/js单元测试中实现Mock（js实现mock接口）

场景

在前后台共同进行一个项目的时候常会遇到一种情景, 后台定义好接口,前端按照接口进行开发, 当前端开发完成后台接口却还没有开发完成, 这个时候要进行接口测试, 只能等后台开发完成才能测试, 在这中间浪费了很多时间,  现在有个利器可以解决这个问题, 即使不用后台,只要提前制定好接口的报文,那么前端就可以自己模拟接口来进行接口测试了, 今天要讲的东西就是mockjax和mockJSON。

例子

    
    

    
    
    
    







User Data

参考：

http://www.suchso.com/UIweb/jquery-js-mockJSON-mockjax.html

说明： 当后端接口开发完成后，直接将 var isAjaxMocked = false即可。

mockJson

 当需要mock的返回数据很多时（ 光是拚好Json数据就会花费掉许多的时间），使用mockjson。

mockJSON, 它可以根据我们所制定的规则, 来产生JSON数据,  我们修改mockjax的responseText部分使用mockJSON来产生数据 

例子：

    
    

    
    
    
    







User Data

修改部分：

responseText:$.mockJSON.data.LOREM

responseText:$.mockJSON.data

responseText:$.mockJSON.data.EMAIL

responseText:$.mockJSON.data.NUMBER

更多参考：https://github.com/mennovanslooten/mockJSON/blob/master/js/jquery.mockjson.js