我是一名菜鸟,因为最近项目中用到了这个jasmine,并且在网上也没有查找到什么jasmine实例解析这一块,所以想借此机会去写几篇关于jasmine实例应用解析的博文,希望各位大牛不用狂喷,给新人一次机会吧,在此谢过,废话不多说。
本人对jasmine先前也是没有一点了解,甚至都没有听说过有这么一个框架的存在,但是最近的项目中就运用到了这个jasmine框架,自己不得已的去学习了一下。先来了解什么是jasmine:
jasmine说白了就是用来测试js的一个框架,其实jasmine的官方网站(http://jasmine.github.io/)上也介 绍了好多的实例,但是我去参考他这个官方的东西时,没有几个能够和自己的项目关联起来,于是又去百度上找一下相关的信息,效果也不是很好,介绍 jasmine的这个信息相当少,而且大同小异,就是一些常用的关键函数,比较详细的是(http://www.cnblogs.com/zhcncn /p/4330112.html),但是他这里面的解释有一些官方了,你要是一点都不了解这个jasmine,可能运用到你的项目上时就会很难融合,不知 所措。我这里就不详细介绍函数是干什么的了,直接前往主题,用实例去解析,下面的实例我就不用官方上的那些例子了,直接上项目中我遇到的让我调查时间比较 长的一些例子
第一个实例:
js中不可缺少的部分(ajax),对于ajax的请求,通常的ajax请求的
源码:
$.ajax({
url: ‘c://url‘,
type: ‘GET‘,
name: ‘name‘,
data: params,
success : function(data) {
if(data.errorMsg !== ‘‘) {
return;
}
},
error : function(XHR, Status, error) {
console.log("log");
}
});
对于这种情况下的jasmine测试代码该去怎么实现呢,这里面我就借鉴了官网和百度上的一些例子去实现的:
spyOn($, "ajax").and.callFake(function(options) {
options.success({
errorMsg = "errorMsg"
});
});
这个spyOn是jasmine里面最重要的一个函数,具体重要在哪里,可以看我先前发的两个网站上的介绍,使用spyOn()函数替代并
监控ajax调用,结合callFake()伪造ajax的返回处理。Ajax的success()和error()都可以制作相关的伪造功能,运行时代
替ajax功能,将需要的数据返回给被测函数。下面是error的场合:
spyOn($, "ajax").and.callFake(function(options) {
var XHR = {
"status" : "NG"
};
var Status = "error";
var error= {
"message" : "it has an errormessage"
};
options.error(XHR, Status, error);
});
记住这个函数,callFake(),替代被监视的函数,原函数不执行,执行里面的函数
第一部分先介绍到这里,第二部分等有时间起去更新,由于自己也是个菜鸟,可能会在描述的时候不清晰,希望大家多提意见,我会努力改正的,有不清楚的可以留言,我会解答的