QUnit使用入门

来源：互联网发布：淘宝手机优惠券编辑：程序博客网时间：2024/05/22 13:53

最近喜欢使用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!" );
});

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

0 0