jasmine框架实例解析第一部分

我是一名菜鸟,因为最近项目中用到了这个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(),替代被监视的函数,原函数不执行,执行里面的函数

第一部分先介绍到这里,第二部分等有时间起去更新,由于自己也是个菜鸟,可能会在描述的时候不清晰,希望大家多提意见,我会努力改正的,有不清楚的可以留言,我会解答的

        


你可能感兴趣的:(jquery,Jasmine,JavaScript测试)