摘要:前言到了开发的后期,测试工作往往是重中之重,但是测试本身又十分繁琐与复杂。对后端测试的时候难免会发起请求,为我们提供了这样的功能。测试效果截图如下
前言
到了开发的后期,测试工作往往是重中之重,但是测试本身又十分繁琐与复杂。对于使用js的朋友,对于我接下来要讲的内容绝对不会陌生,对,就是大名鼎鼎的摩卡!由于为我的好友开发的后端框架Zeta做测试工作,所以开始接触这一类测试工具和测试流程,就把我的学习经验分享给大家吧。
mochamocha的使用方法十分简单,就是两个语句describe和it
jsdescribe("req.get",function(){ describe("res.json",function(){ }); });
被describe的回调所包裹的是一个测试流程,使用describe可以很好地为测试表明目的和区分层次
jsdescribe("Array.index",function(){ it("should return -1 when not found",function(){ var tmp=[1,2,3]; tmp.indexOf(4).should.equal(-1); }); });
it的第一个参数是个字符串,你可以把它看做是你测试样例的期望结果,其实没有什么实际意义,不会对测试样例的运行有什么影响。
上面的例子是对于同步的,如果有异步回调怎么办呢?
jsdescribe("db.save",function(){ it("should save the doc",function(done){ doc.save(function(err,doc){ if(err) done(err); if(!doc) done(err); done(); }); }); });
done是链的最后一个步骤,调用done既不会往下执行,done(err)则说明失败。
chaichai是一个断言工具,提供了一些比较受欢迎的断言写法,这里主要介绍两个,should和expect。
jsvar should=require("chai").should(); res.text.should.equal("hi,world"); req.path.should.include("users"); foo.should.have.length(3);
从上面的例子大家可以领会should的写法了。
jsvar expect=require("chai").expect; expect(foo).to.be.a("string"); expect(foo).to.equal("bar"); expect(foo).to.have.length(3); expect(beverages).to.have.property("tea").with.length(3);
chai的使用十分人性化,符合自然语言的规律,就不多提了。
supertest对后端测试的时候难免会发起请求,supertest为我们提供了这样的功能。
jsvar request=require("supertest"); request(app). get("/foo"). expect(200). expect("Content-Type","application/json"). end(function(err,res){ if(err) throw err; });
要模拟异步ajax怎么办呢
js//json上传 request(app). post("/foo"). send({key:"value"}). expect(200); //表单提交 request(app). post("/foo"). type("form"). send({key:value}); //上传文件 request(app). post("/foo"). attach("field","filepath"). ....
要设置一些东西怎么办呢?
jsrequest(app). post("/hh"). send({key:val}). set("Accept-laguange","zh-cn"). set("Cookie",["user=suemi","passwd=*******"]). ...
supertest主要使用的就是expect和end了,通过例子,大家也很清楚基本的用法了,对于详细的API可以参考官网。
完整示例最后给大家带来一个我自己写的完整示例。
jsvar Zeta=require("../../"), assert=require("assert"), request=require("supertest"), demo=Zeta.module("demo",[]), should=require("chai").should(); demo.load(); describe("singleHandler",function(done){ it("should get hello",function(){ demo.handler("h1",function($scope){ $scope.res.writeHead(200,{"Content-Type":"text/plain"}); $scope.res.write("hello,world"); $scope.res.end(); }); demo.get("/test","h1"); request(demo.server()) .get("/test") .expect(200) .end(function(err,res){ if(err) throw err; res.text.should.equal("hello,world"); }); }); it("should cover the previous one",function(done){ demo.handler("h1",function($scope){ $scope.res.writeHead(200,{"Content-Type":"text/plain"}); $scope.res.write("hi,world"); $scope.res.end(); }); request(demo.server(true)). get("/test"). expect(200). end(function(err,res){ if(err) done(err); res.text.should.equal("hi,world"); done(); }); }); });
测试效果截图如下
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/8698.html
摘要:有鉴于此,本文以未安装工具软件的计算机未激活的爱智设备为例,实战解说零基础小白的爱智开发过程。爱智设备断开互联网也可以运行,但本文中的开发部署等功能无法操作。 【本...
摘要:直接配置的开发环境还是挺麻烦的,这里我总结了一套开发模板,可以在用的时候可以考虑直接这个项目,项目地址以这个项目为基础模板来开发就行。配置文件是我们配置的阅读配置文件使我们的代码检查配置文件这个文件主要是继承了官方推荐的代码风格。 直接配置ts的开发环境还是挺麻烦的,这里我总结了一套开发模板,可以在用的时候可以考虑直接clone这个项目,项目地址https://github.com/f...
摘要:这里我们可以尝试运行一下命令尝试能否构建成功,成功的情况下在目录下会生成的文件。在添加调试代码打开调试面板在下拉选项中选择添加配置或者直接创建并打开文件使用了解相关属性。 webpack 作为目前主流的构建工具,其较快的版本迭代和复杂的配置方式,使得每次开发前不得不规划相当部分时间来调试。这里将记录整个环境的搭建过程,为新手提供基础思路。 就像我在开发vue-sitemap时一样,构建...
项目开始前,我们先聊一聊关于项目的一些说明。该项目起始于2017年初,当时公司主要技术栈为gulp+angular,鉴于react的火热的生态,在公司决定研发bss管理系统时选用react开发,目的也是为react native打下基础,以解决后期公司大前端技术栈的逐步成熟。(当时没有选择vue开发的主要原因是weex生态还不够特别成熟),既然决定换新,项目的构建也跟着一起换,从gulp转向火热的...
阅读 1613·2023-04-25 18:27
阅读 1370·2021-10-19 11:44
阅读 540·2021-10-14 09:42
阅读 2095·2021-10-11 10:59
阅读 2752·2021-09-24 09:47
阅读 1700·2019-08-30 14:20
阅读 1127·2019-08-30 14:08
阅读 718·2019-08-29 15:15