有两种方法可以使用QUnit.
本地安装 : 您可以在本地计算机上下载QUnit库并将其包含在HTML代码中.
基于CDN的版本 : 您可以直接从Content Delivery Network(CDN)将QUnit库包含在HTML代码中.
转到 https://code.jquery.com/qunit/下载最新版本.
放置下载的 qunit-git.js 和 qunit-git.css 文件位于您网站的目录中,例如:/jquery.
您可以包含 qunit-git.js
<html> <head> <meta charset = "utf-8"> <title>QUnit basic example</title> <link rel = "stylesheet" href = "/jquery/qunit-git.css"> <script src = "/jquery/qunit-git.js"></script> </head> <body> <div id = "qunit"></div> <div id = "qunit-fixture"></div> <script> QUnit.test( "My First Test", function( assert ) { var value = "1"; assert.equal( value, "1", "Value should be 1" ); }); </script> </body> </html>
可以直接从Content Delivery Network(CDN)将QUnit库包含到HTML代码中。
在本教程中,我们一直使用该库的jQuery CDN版本。
让我们使用jQuery CDN中的QUnit库重写以上示例。
<html> <head> <meta charset = "utf-8"> <title>QUnit basic example</title> <link rel = "stylesheet" href = "https://code.jquery.com/qunit/qunit-1.22.0.css"> <script src = "https://code.jquery.com/qunit/qunit-1.22.0.js"></script> </head> <body> <div id = "qunit"></div> <div id = "qunit-fixture"></div> <script> QUnit.test( "My First Test", function( assert ) { var value = "1"; assert.equal( value, "1", "Value should be 1" ); }); </script> </body> </html>