<!doctype html>

<html>

<head lang="zh-CN" dir="ltr">

    <meta charset="utf-8">

    <title></title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<!--qunit start-->

        <h1 id="qunit-header">QUnit Test Suite</h1>

        <h2 id="qunit-banner"></h2>

        <div id="qunit-testrunner-toolbar"></div>

        <h2 id="qunit-userAgent"></h2>

        <ol id="qunit-tests"></ol>

<!--qunit end-->

<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css">

<script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>

<script type="text/javascript" src="demo.js"></script>

</body>

</html>
test( "ok test", function() {

  ok( true, "true succeeds" );

  ok( "non-empty", "non-empty string succeeds" );

  ok( false, "false fails" );

  ok( 0, "0 fails" );

  ok( NaN, "NaN fails" );

  ok( "", "empty string fails" );

  ok( null, "null fails" );

  ok( undefined, "undefined fails" );

});

test( "strictEqual test", function() {

  strictEqual( 1, 1, "1 and 1 are the same value and type" );

});

test( "a test", function() {

  notStrictEqual( 1, "1", "String '1' and number 1 don't have the same value" );

});

test( "throws", function() {

  function CustomError( message ) {

    this.message = message;

  }

  CustomError.prototype.toString = function() {

    return this.message;

  };

  throws(

    function() {

      throw "error"

    },

    "throws with just a message, no expected"

  );

  throws(

    function() {

      throw new CustomError();

    },

    CustomError,

    "raised error is an instance of CustomError"

  );

  throws(

    function() {

      throw new CustomError("some error description");

    },

    /description/,

    "raised error message contains 'description'"

  );

});

asyncTest( "asynchronous test: one second later!", function() {

  expect( 1 );

  setTimeout(function() {

    ok( true, "Passed and ready to resume!" );

    start();

  }, 1000);

});

test( "a test", function() {

  stop();

  asyncOp();

  setTimeout(function() {

    equals( asyncOp.result, "someExpectedValue" );

    start();

  }, 150 );

});

test( "a test", function() {

  stop();

  asyncOp();

  setTimeout(function() {

    equals( asyncOp.result, "someExpectedValue" );

    start();

  }, 150 );

});

QUnit.done(function( details ) {

  console.log( "Total: ", details.total, " Failed: ", details.failed, " Passed: ", details.passed, " Runtime: ", details.runtime );

});

asyncTest( "asynchronous test: one second later!", function() {

  expect( 1 );

  setTimeout(function() {

    ok( true, "Passed and ready to resume!" );

    start();

  }, 1000);

});

asyncTest( "asynchronous test: video ready to play", 1, function() {

  var $video = $( "video" );

  $video.on( "canplaythrough", function() {

    ok( true, "video has loaded and is ready to play" );

    start();

  });

});

test( "a test", function() {

  expect( 2 );

  function calc( x, operation ) {

    return operation( x );

  }

  var result = calc( 2, function( x ) {

    ok( true, "calc() calls operation function" );

    return x * x;

  });

  equal( result, 4, "2 square equals 4" );

});

test( "a test", 2, function() {

  function calc( x, operation ) {

    return operation( x );

  }

  var result = calc( 2, function( x ) {

    ok( true, "calc() calls operation function" );

    return x * x;

  });

  equal( result, 4, "2 square equals 4" );

});

module( "group a" );

test( "a basic test example", function() {

  ok( true, "this test is fine" );

});

test( "a basic test example 2", function() {

  ok( true, "this test is fine" );

});

module( "group b" );

test( "a basic test example 3", function() {

  ok( true, "this test is fine" );

});

test( "a basic test example 4", function() {

  ok( true, "this test is fine" );

});

javascript QUnit 单元测试的更多相关文章

  1. 对 JavaScript 进行单元测试的工具

    简介 单元测试关注的是验证一个模块或一段代码的执行效果是否和设计或预期一样.有些开发人员认为,编写测试用例浪费时间而宁愿去编写新的模块.然而,在处理大型应用程序时,单元测试实际上会节省时间:它能帮助您 ...

  2. javascript之QUnit单元测试

    一.javascript也需要单元测试吗? 这里我并不知道你有没有开发过大型的javascript项目,至今我开发过三个大型的js项目,分为是<课程节点树管理>.<在线制作试卷> ...

  3. 测试工具使用-Qunit单元测试使用过程

    031302620 应课程要求写一篇单元测试工具的博客,但是暂时没用到java,所以不想使用junit(对各种类都不熟悉的也不好谈什么测试),原计划是要用phpunit,但是安装经历了三个小时,查阅各 ...

  4. JavaScript 自定义单元测试

    <!doctype html> <html> <head> <meta charset="utf-8"> <script> ...

  5. javascript单元测试框架mochajs详解

    关于单元测试的想法 对于一些比较重要的项目,每次更新代码之后总是要自己测好久,担心一旦上线出了问题影响的服务太多,此时就希望能有一个比较规范的测试流程.在github上看到牛逼的javascript开 ...

  6. javascript单元测试(转)

    1.      什么是单元测试 在计算机编程中,单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作.程序单元是应用的最小可测试部件.在过程化编程中,一个单元就是单 ...

  7. 单元测试（qunit）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  8. (译)学习如何构建自动化、跨浏览器的JavaScript单元测试

    作者:Philip Walton 译者:Yeaseon 原文链接:点此查看 译文仅供个人学习,不用于任何形式商业目的,转载请注明原作者.文章来源.翻译作者及链接,版权归原文作者所有. ___ 我们都知 ...

  9. [转]javascript单元测试

    1.      什么是单元测试 在计算机编程中,单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作.程序单元是应用的最小可测试部件.在过程化编程中,一个单元就是单 ...

随机推荐

  1. 设置 Eclipse 智能代码提示,大幅度减少 alt+/ 使用频率，打每个字都出现代码提示的办法

    以前网上有个英文版本的,现在自己汉化一下...O(∩_∩)O 哈哈 ~   http://www.cnblogs.com/lidabo/archive/2013/03/05/2944245.html ...

  2. 撸一撸腾讯的微信支付（C#）

    一.前言 以往网上支付都是支付宝的天下,随着微信用户群的日益增多(其实,到现在我也不理解微信为嘛那么火,功能还没QQ强大,或许是公众号的原因?),先如今不上个微信支付你都不好意思说你系统支持在线支付. ...

  3. Codeforces Round #365 (Div. 2) D. Mishka and Interesting sum 离线+线段树

    题目链接: http://codeforces.com/contest/703/problem/D D. Mishka and Interesting sum time limit per test ...

  4. hdu 3123 GCC 阶乘

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3123 The GNU Compiler Collection (usually shortened t ...

  5. iNode for linux install

    http://wenku.baidu.com/link?url=953T6GZCnaBzwr4YqPFUT4oOyYr4wyOnXlCLO1OUYZkaJWh2fTs634SM7ZpYiTKkpmYX ...

  6. Core Data 版本数据迁移

    Core Data版本迁移基础 通常,在使用Core Data的iOS App上,不同版本上的数据模型变更引发的数据迁移都是由Core Data来负责完成的.这种数据迁移模式称为Lightweight ...

  7. Swift-4-数组和字典

    // Playground - noun: a place where people can play import UIKit // 数组 字典 // 集合的可变性 赋值给var的集合是可变的mut ...

  8. JavaScript 中的 this

    JavaScript 语言中的 this 由于其运行期绑定的特性,JavaScript 中的 this 含义要丰富得多,它可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式.JavaSc ...

  9. 深入浅出ES6（十）：集合

    作者 Jason Orendorff  github主页  https://github.com/jorendorff 前段时间,官方名为“ECMA-262,第六版,ECMAScript 2015语言 ...

  10. .htaccess的基本作用及相关语法介绍

    .htaccess是一个纯文本文件,它里面存放着Apache服务器配置相关的指令. .htaccess主要的作用有:URL重写.自定义错误页面.MIME类型配置以及访问权限控制等.主要体现在伪静态的应 ...