JS单元测试框架：QUnit

时间：2023-02-10 16:43:05

QUnit：jQuery的单元测试框架，但不仅限于jQuery(从这个工具不需要引用jquery.js可以看出)

index.html

<!--

官网

http://qunitjs.com/

-->

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>QUnit Example</title>

  <link rel="stylesheet" href="qunit-1.16.0.css">

</head>

<body>

  <div id="qunit"></div>

  <div id="qunit-fixture"></div>

  <script src="qunit-1.16.0.js"></script>  <!--测试框架-->

  <script src="tests.js"></script>         <!--单元测试模块-->

  <script src="api.js"></script>           <!--被测模块-->

</body>

</html>

api.js

function sum(a, b)

{

    return a + b;

}

tests.js

QUnit.module( "OnRead", {

    //初始化

    beforeEach: function() {

        console.log("setup");

    },

    //清理

    afterEach: function()

    {

        console.log("clean");

    }

});

//测试用例

QUnit.test( "sum", function( assert ) {

    console.log("sum");

    assert.ok( 1 == "1", "Passed!" );

});

直接执行index.html

相关文章