QUnit - 环境设置
有两种方法可以使用 QUnit。
本地安装 − 您可以在本地机器上下载 QUnit 库并将其包含在 HTML 代码中。
基于 CDN 的版本 −您可以直接从内容分发网络 (CDN) 将 QUnit 库包含到 HTML 代码中。
本地安装
转到 https://code.jquery.com/qunit/ 下载最新版本。
将下载的 qunit-git.js 和 qunit-git.css 文件放在您网站的目录中，例如 /jquery。
示例
您可以按如下方式将 qunit-git.js 和 qunit-git.css 文件包含到 HTML 文件中 −
<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>
这将产生以下结果 −
基于 CDN 的版本
您可以直接从内容分发网络 (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>
这将产生以下结果 −
