码迷,mamicode.com
首页 > 其他好文 > 详细

单元测试——Qunit

时间:2016-05-08 13:41:32      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

为什么需要单元测试

  • 正确性:测试可以验证代码的正确性,在上线前做到心里有底
  • 自动化:当然手工也可以测试,通过console可以打印出内部信息,但是这是一次性的事情,下次测试还需要从头来过,效率不能得到保证。通过编写测试用例,可以做到一次编写,多次运行
  • 解释性:测试用例用于测试接口、模块的重要性,那么在测试用例中就会涉及如何使用这些API。其他开发人员如果要使用这些API,那阅读测试用例是一种很好地途径,有时比文档说明更清晰
  • 驱动开发,指导设计:代码被测试的前提是代码本身的可测试性,那么要保证代码的可测试性,就需要在开发中注意API的设计,TDD将测试前移就是起到这么一个作用
  • 保证重构:互联网行业产品迭代速度很快,迭代后必然存在代码重构的过程,那怎么才能保证重构后代码的质量呢?有测试用例做后盾,就可以大胆的进行重构

测试工具分类

  • Qunit、jasmine、mocha、jest、intern 
    各自有各自的优缺点,相对比较流行的有jasmine、mocha和Qunit(待验证)
  • Qunit诞生于Jquery团队,但是并不依赖jquery

Qunit内置断言

  • ok() 
    • 只有一个请求的参数,如果返回值TRUE,这个断言通过,否则就失败。另外它接受1个字符串作为测试测试结果的显示。
  • equal() 
    • 常用于简单的使用(==)运算符比较期望参数和真实值,当他们相等的时候,断言通过,否则断言失败。这2个值都会在测试结果中显示,额外的也会显示测试消息。
    • 严格比较(===),使用 strictEqual() 代替
  • deepEqual() 
    • 比 equal() 并且有更多选项。代替使用简单的比较运算符(==),使用更加准确的比较运算符(===),也能操作NaN,dates,正则表达式,数组,方法等类型,而 equal() 只能测试基本对象类型。

同步回调测试

  • 调用test() 和 expect() 开始测试,使用这个期望断言数量作为参数 
    实际例子

  • 1 QUnit.test("a test", function(assert) {
    2     expect(1);
    3     var $body = $("body");
    4     $body.on("click", function() {
    5         assert.ok(true, "body was clicked!");
    6     });
    7     $body.trigger("click");
    8 });

异步回调测试

  • 当测试代码开始一个timeout 和 interval 或者一个ajax 请求,通过expect、asyncTest 和 start配合使用实现
  • 1 QUnit.asyncTest("asynchronous test: video ready to play", function(assert) {
    2     expect(1);
    3     var $video = $("video");
    4     $video.on("canplaythrough", function() {
    5         assert.ok(true, "video has loaded and is ready to play");
    6         QUnit.start();
    7     });
    8 }); 

测试用户行为

  • 栗子

  •  1 function KeyLogger(target) {
     2     if (!(this instanceof KeyLogger)) {
     3         return new KeyLogger(target);
     4     }
     5     this.target = target;
     6     this.log = [];
     7     var self = this;
     8     this.target.off("keydown").on("keydown", function(event) {
     9         self.log.push(event.keyCode);
    10     });
    11 }
    12 QUnit.test("keylogger api behavior", function(assert) {
    13     var event,
    14         $doc = $(document),
    15         keys = KeyLogger($doc);
    16     // trigger event
    17     event = $.Event("keydown");
    18     event.keyCode = 9;
    19     $doc.trigger(event);
    20     // verify expected behavior
    21     assert.equal(keys.log.length, 1, "a key was logged");
    22     assert.equal(keys.log[0], 9, "correct key was logged");
    23 });

自定义断言

  • 定义一个可以重复使用的方法。条用Qunit.push 在方法内部然后告诉QUnit断言已经发生。  

  •  1 QUnit.assert.contains = function(needle, haystack, message) {
     2     var actual = (function() {
     3         var result = haystack.some(function(val) {
     4             return val.indexOf(needle) > -1;
     5         });
     6         return result ? needle : ‘‘;
     7     }());
     8     this.push(actual, actual, needle, message);
     9 };
    10 QUnit.test("retrieving object keys", function(assert) {
    11     var arrayKeys = ["apple", "big"];
    12     assert.contains("apple", arrayKeys, "Array keys");
    13     assert.contains("bigbang", arrayKeys, "Array keys");
    14 });

木啦 

单元测试——Qunit

标签:

原文地址:http://www.cnblogs.com/youziclub/p/5470274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!