首页 > 代码库 > QUnit使用入门

QUnit使用入门

2024-08-04 16:22:05   217人阅读

最近喜欢使用JUnit在java上tdd，js也一样。之前感觉JQuery不错，所以使用QUnit，应该也是最出名的了。

首先，登录官网http://qunitjs.com/，下载两个文件：

  • qunit-1.15.0.js
  • qunit-1.15.0.css

    其实QUnit框架就这两个东西。

    然后参照getting started里写一个html和一个js：

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>QUnit Example</title>
      <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.15.0.css">
    </head>
    <body>
      <div id="qunit"></div>
      <div id="qunit-fixture"></div>
      <script src="//code.jquery.com/qunit/qunit-1.15.0.js"></script>
      <script src="tests.js"></script>
    </body>
    </html>

    注意，最好把路径改为

    <linkrel="stylesheet" href="qunit-1.15.0.css">

    <scriptsrc="qunit-1.15.0.js"></script>

    否则有可能失败。

    然后新建一个tests.js，注意，名字不要弄错了，我写为test.js搞了我几分钟

    QUnit.test( "hello test", function( assert ) {
      assert.ok( 1 == "1", "Passed!" );
    });

    然后就可以看见测试页面了：

     

    • QUnit使用入门


    联系
    我们