javascript QUnit 单元测试

时间：2022-09-10 11:42:46
<!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项目,分为是<课程节点树管理>.<在线制作试卷&gt ...

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

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

  4. JavaScript 自定义单元测试

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

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

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

  6. javascript单元测试&lpar;转&rpar;

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

  7. 单元测试（qunit）

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

  8. &lpar;译&rpar;学习如何构建自动化、跨浏览器的JavaScript单元测试

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

  9. &lbrack;转&rsqb;javascript单元测试

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

随机推荐

  1. Java和PHP哪个方向更有前途？

      Java和PHP到底哪个方向更有前途呢?我从网络上收集了很多资料,并在这篇文章中做了总结.   1.TIOBE语言排行榜 Apr 2014 Apr 2013 Change Programming ...

  2. script实现的日期表示

    function clockon(bgclock){ var now=new Date(); var year=now.getYear(); var month=now.getMonth(); var ...

  3. iOS-定时器

    一.定时器的作用 在软件开发过程中,我们常常需要在某个时间后执行某个方法,或者是按照某个周期一直执行某个方法.在这个时候,我们就需要用到定时器. 二.定时器的种类 大概有三种方法:NSTimer.CA ...

  4. jQuery 遍历json数组的实现代码

    <script type="text/javascript"> "}]; $(d1).each(function(){ alert(this.text+&qu ...

  5. Python PIL ImageDraw 和ImageFont模块学习

    ImageDraw 新建一个空白图片为本文作示例,新建空白文件的方法 见Image模块,Image.new: import Image blank = Image.new("RGB&quot ...

  6. php编程安全指南

    php编程安全指南1.一般 1)lamp系统安全设置 2)php.ini安全设置 3)使用MVC框架 2.数据传输 1)在$_GET的$_POST,$_COOKIE,和$_REQUEST中,消毒和验证 ...

  7. logstash grok 解析Nginx

    log_format main '$remote_addr [$time_local] "$request" ' '$request_body $status $body_byte ...

  8. 【菜鸟学习Linux】-第一章-Linux环境搭建-安装VMware虚拟机

    本人菜鸟一个,刚毕业才上班2个月,现在用到Linux部署项目,这才开始学习Linux,以下是我在安装Linxu系统是遇到的一些问题,希望能给广大菜鸟们在学习的道路上提供帮助和指导,废话不多说!开工! ...

  9. javaweb浏览器随机输出一张验证码图片

    一.在web.xml中的配置如下: <?xml version="1.0" encoding="UTF-8"?><web-app xmlns: ...

  10. Linux&lpar;Redhat&rpar;安装Redis

    Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.(百度百科 0.0) 下载:http://www.redis. ...

相关文章