zoukankan      html  css  js  c++  java
  • 使用QUnit测试JS代码

    当我们需要对javascript代码进行unit test的时候,qunit是个非常好的工具来方便我们的测试。qunit是一个非常简单的框架。

    首先,在官网(http://qunitjs.com/)下载qunit-x.y.z.js 和qunit-x.y.z.css。

    可以把这两个文件放在同一个目录下(比如我放在qunit文件夹下)

    如果进行一个功能(函数)的ut,我们需要一个这样子的js文件(比如我的是ut1.js)

    test( "hello test", function(){
    var result1 = plus(1,2);
    var result2 = plus("Hello"," World");
    ok (result1 === 3, "Test passed(plus(1,2) equals 3)");
    ok (result2 === "Hello World", "Test passed(plus("Hello"," World") equals "Hello World")");
    }); 

    (这里我想要测试最简单的plus函数能不能work)

    同时,需要建一个用于测试的html文件,(比如test.html,内容如下)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>QUnit Test Result</title>
    <link rel="stylesheet" href="../qunit/qunit-1.12.0.css">

    <script>
    function plus(a,b)
    {
    return a+b;
    }
    </script>
    </head>
    <body>
    <div id="qunit">
    </div>
    <div id="qunit-fixture">
    </div>

    <script type="text/javascript" src="../qunit/qunit-1.12.0.js"></script>
    <script type="text/javascript" src="ut1.js"></script>

    </body>
    </html>

    其中,需要加入<link rel="stylesheet" href="../qunit/qunit-1.12.0.css">和<script type="text/javascript" src="../qunit/qunit-1.12.0.js"></script>

    最后,打开test.html,则显示测试结果。

  • 相关阅读:
    kali2018 安装****
    IIS PUT
    解析漏洞总结
    深入理解MVC
    Linux常用命令整理
    nginx视频直播/点播服务干货分享
    记因PHP的内存溢出导致的事故之解决
    五环之歌之PHP分页
    phpstorm 2017.1 激活
    拉伸收缩广告
  • 原文地址:https://www.cnblogs.com/rambot/p/3550338.html
Copyright © 2011-2022 走看看