什么是 Qunit？

简介： Qunit 是一个用于检查 JavaScript 代码的 JavaScript 测试框架。它主要用于 JQuery 项目。开发 JavaScript 应用程序的开发人员可以使用 QUnit 来测试他们的 JS 代码库。

它主要遵循 CommonJS 单元测试规范，该规范主要包含在 Web 浏览器之外使用 JavaScript 的目标，即使 JS 模块化并允许其在各种多平台应用程序中使用。

测试：测试是审查应用程序功能以确定它是否符合要求并确保在开发人员级别使用单元测试的过程。

此外，测试任何单个类或方法的过程称为单元测试，因为它是开发可扩展产品所必需的。此外，可以通过多种方式执行此单元测试，可以是在没有任何工具支持的情况下手动执行测试用例称为手动测试，或者使用自动化工具获取工具支持和执行测试用例是已知的作为自动化测试。

现在，既然我们已经熟悉了 QUnit 及其用途，那么让我们继续学习如何使用它以及如何设置它。

如何安装/使用 QUnit？

我们可以通过NodeJS （在机器上本地安装）或CDN （直接在浏览器中）使用它

QUnit 的官方发布包如下：

• npm

  npm install --save-dev qunit

• 纱

  yarn add --dev qunit

• 凉亭

  bower install --save-dev qunit

示例：现在为了演示测试，我们将使用 CDN 以方便访问，我们将执行基本的测试格式来获取 QUnit 测试背后的症结。在这里，我们使用了一个简单的函数messageHandler ，它将打印一个字符串和一个数字，一个Testcase将断言其输出以检查其正确性。

注意：由于我们使用 CDN，只需创建一个文件夹，然后在您的 IDE 中打开它以创建一个空文件

index.html

  

    
    QUnit | GeeksForGeeks
  
    
    
    
    

  

  
    
    
    
  
    
    
          
        // Function which we will test (Unit Testing)
        // Returns a message + a number
        function messageHandler(message, x) {
            const result = (message + " " + x).toString();
            return result;
        }
  
        // Testcase to assert result
        QUnit.test("Testing Message Function", function(assert) {
            var value = messageHandler("GeeksForGeeks", 10);
            assert.equal(
                value,
                "GeeksForGeeks 10",
                "Result should be GeeksForGeeks 10."
            );
        });
    

  

输出：

说明：当输入与所需的输出匹配时，TestCase 成功通过。测试运行程序在页面加载时调用QUnit.test()并将测试添加到队列中。测试用例的执行由测试运行者延迟和控制。

让我们检查一下如果测试用例失败会发生什么：

说明：这一次，我们传递了整数 1000 而不是 10，这导致测试用例失败，如错误输出所示，这使我们更容易调试代码。

现在让我们看看上述测试过程的功能：

• 设置 index.html：为了查看测试输出，我们必须使用两个预定义的 QUnit id，这将有助于在网页上的目标 div 中呈现输出。

• 测试函数：现在，我们已经定义了必须测试其输出的函数，这里是messageHandler(message, x)。它接受一个字符串文本和一个整数并将其连接起来。这些函数是我们执行单元测试的对象。

• 测试用例断言：

  QUnit.test("Test", function(assert) {
   //
  });

  这是我们用来断言测试函数的输出是否等于断言值的 QUnit 的预定义模块。同样的结果将呈现到网页上的输出 div 中。此外，这是可以根据测试代码的要求实现任何大量测试模块和功能的地方。

• QUnit的主要特点：

  • 它是一个用于测试 JS 代码的开源框架。
  • 它包括用于运行测试的测试装置，以及清晰的问题列表。
  • QUnit 还通过提供断言来测试预期结果来提供帮助。
  • 易于代码调试。

• QUnit 提供的一些重要 API：

  Categories	Functions
  Async Control	Methods to handle asynchronous operations that require some time to execute
  Callbacks	Provides methods to read results
  Config	Provides custom assertions, and utility helpers
  Assertion	Provides Assert methods.
  Testing	Methods to test the code.