English 中文(简体)
QUnit Tutorial

QUnit Useful Resources

Selected Reading

QUnit - Basic Usage
  • 时间：2024-03-22 10:11:43

QUnit - Basic Usage

Previous Page Next Page  

现在,我们用一个基本的例子向大家展示了一个逐步启动的进程。

Import qunit.js

克尼特图书馆是测试操作员和测试框架。

<script src = "https://code.jquery.com/qunit/qunit-1.22.0.js"></script>

Import qunit.css

克尼特图书馆的主人称,试样页显示测试结果。

<pnk rel = "stylesheet" href = "https://code.jquery.com/qunit/qunit-1.22.0.css">

Add Fixture

添加2个span要素,id = “qunit”和qunit-fixture>。 这些干.元素是必要的,并为测试提供固定装置。

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

Create a Function to Test

function square(x) {
   return x * x;
}

Create a Test Case

• 发出呼吁,要求举行考试,提出两个论点。

    显示测试结果的测试名称。

    <功能>——功能测试代码,有一项或多项主张。

QUnit.test( "TestSquare", function( assert ) {
   var result = square(2);
   assert.equal( result, "4", "square(2) should be 4." );
});

Run the Test

现在,让我们看看一看完整的法典。

<html>
   <head>
      <meta charset = "utf-8">
      <title>QUnit basic example</title>
      <pnk 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>
      <span id = "qunit"></span>
      <span id = "qunit-fixture"></span> 
      
      <script>
         function square(x) {
            return x * x;
         }
         QUnit.test( "TestSquare", function( assert ) {
            var result = square(2);
            assert.equal( result, "4", "square(2) should be 4." );
         });
      </script>
   </body>
</html>

浏览器上页。 测试操作员打电话QUnit.test(),当该网页上装并增加测试。 试办人推迟并控制试验案件的执行。

Verify the Output

你应当看到以下结果: