如何使用 Mocha 和 Chai 进行连贯性测试
Mocha 和 Chai 是在前端开发中广泛使用的两个测试框架。它们可以快速而有效地测试 JavaScript 应用程序的连贯性。
测试的连贯性对于任何应用程序来说都是至关重要的，因为它确保应用程序的行为在任何给定的情况下都是一致的。Mocha 和 Chai 可以帮助您确保您的应用程序的每个部分的行为都符合您的预期。
在本文中，我们将深入探讨 Mocha 和 Chai 的用法，包括如何编写和运行测试，如何使用不同种类的测试，以及如何使用这些框架检测应用程序中的错误。
测试环境的设置
在您开始编写测试之前，您需要先设置测试环境。首先，您需要安装 Mocha 和 Chai。这可以通过 npm 安装在终端中完成。
npm install mocha chai --save-dev
安装完毕后，您需要创建一个测试文件夹，并将测试文件放在其中。以下是一个示例测试文件 main.test.js：
const assert = require('chai').assert;
const app = require('../app');
describe('App', function(){
it('app should return hello', function(){
assert.equal(app(),'hello');
});
});在本例中，我们导入了所需的 assert 和 app 模块。 这个 app 模块可以是任何 Javascript 应用程序中的模块，我们要测试 app 模块返回 "hello" 是否与我们的预期相符。
describe 函数可以接受两个参数：第一个参数是测试套件的名称，第二个参数是代码块。
在代码块内，我们使用 it 函数来描述我们要测试的内容。 在这个例子中，我们测试 app 模块是否返回 "hello"，并使用 assert.equal 函数来比较返回值和我们的预期。
接下来，您可以使用终端进入测试目录，然后运行 mocha 命令来运行测试：
mocha
运行完成后，您将看到测试结果输出，例如：
App
✓ app should return hello
1 passing (10ms)引入 Mocha 和 Chai
在测试文件的开头，您需要引入需要的库。在我们后面的示例中，我们将使用 Mocha 和 Chai 来测试应用程序。
const assert = require('chai').assert;
const expect = require('chai').expect;
const should = require('chai').should();使用 Mocha 和 Chai 进行测试
下面，我们将使用 Mocha 和 Chai 对应用程序的不同方面进行测试。让我们从最简单的开始。
测试基本应用程序行为
在这个例子中，我们将测试应用程序返回数字的行为。我们将确保应用程序返回的数字是正确的。
-- -------------------- ---- -------
--------------- ---------- -
---------------- -------- ---------- -
---------- ------ -------- ---------- -
------------------- ------------------- ----------
---
---------- ------ --- ---------- -
-------------------------------- ---
---
---
---在上面的代码中，我们首先使用 describe 来创建一个 app 代码块。 然后我们使用 it 函数来描述要测试的内容。
对于第一个测试，我们要确保应用程序返回一个数字。 我们使用 assert.equal 函数来比较实际返回类型和预期返回类型是否相同。在这种情况下，我们希望返回数字，所以我们使用 typeof 运算符来获取返回类型并与 "number" 进行比较。
对于第二个测试，我们测试应用程序返回的数字是否为预期值。 在这种情况下，我们希望返回 4，所以我们使用 assert.equal 函数来比较实际返回值和预期返回值是否相同。
测试应用程序中的异步
在这个例子中，我们将测试应用程序处理异步请求的能力。我们将使用一个回调函数来模拟异步请求。使用 Mocha 及 Chai 中的 done 参数可简单地处理异步请求。
-- -------------------- ---- -------
--------------- ---------- -
--------------- --------- ---------- -
---------- ------ ----- -------- -------------- -
----------------------------- -
-------------------- ---------
-------
---
---
---
---在上面的代码中，我们首先创建了一个 app 代码块，并通过 describe 声明了这一块的作用。
然后我们使用 it 函数来描述要测试的内容。 在这种情况下，我们测试应用程序异步请求处理的能力。在 getAsync 函数中，我们使用回调函数来返回结果。
当我们测试 getAsync 函数时，我们使用 assert.equal 函数来断言结果是否为预期值。 记住，我们要调用 done 函数，以便 Mocha 知道我们的测试是异步的。如果您没有调用 done，Mocha 将认为测试已完成，这将导致测试失败。
使用 Chai 对应用程序进行更多的测试
使用 Mocha 测试应用程序的基本行为非常容易。然而，在更复杂的应用程序中，您可能需要测试更多方面的应用程序。
由于它的语法比 assert 更适合链式结构，因此我们可以使用 Chai 完全掌控应用程序的测试。以下是一些常用的 Chai 的断言：
- should
- expect
- assert
我们将使用这些概念来测试我们应用程序的其他方面。在本例中，我们将测试应用程序处理字符串的能力。
-- -------------------- ---- -------
--------------- ---------- -
---------------- ----------- ---------- -
---------- ------ --- -- ------- ---------- -
---------------- -------------------------
---
---------- ------ ---- -------- ---------- -
---------------------------------------------
---
---------- ------ ---- ------- ---------- -
---------------------------------------------
---
---
---在上面的代码中，我们首先通过 describe 声明了我们要测试的代码块。 然后我们使用 it 函数来描述每个测试。
对于第一个测试，我们测试应用程序返回的字符串是否为空。 我们使用 assert.equal 函数来确定字符串是否为空。
对于第二个测试，我们测试应用程序返回的字符串是否具有正确的长度。我们使用 expect 方法并使用 .to.have.length 函数来检查字符串是否具有正确的长度。
对于第三个测试，我们测试应用程序是否正确识别字符串中的元音字母。我们使用应该函数并使用 .include 来验证字符串中是否包含字母"e"。
总结
在本文中，我们学习了 Mocha 和 Chai 的基础知识，除此之外，我们还学习了如何使用 Mocha 和 Chai 测试应用程序的不同方面。
测试应用程序的连贯性是开发过程中非常关键的一步。使用 Mocha 和 Chai，您可以通过测试应用程序的各个部分来确保代码的每个方面都是正确的。 确保您对应用程序的每个功能使用适当的测试，并定期运行这些测试来确保应用程序的连贯性。
参考代码
-- -------------------- ---- -------
----- ------ - -----------------------
----- ------ - -----------------------
----- ------ - -------------------------
----- --- - -
------------- ---------- -
------ --
--
--------- ------------ -
--------------------- -
------------
-- ------
--
------------------ ---------- -
------ ---
--
------------- ---------- -
------ --------
--
------------ ------------- -
------ -----------------------
--
--
--------------- ---------- -
---------------- -------- ---------- -
---------- ------ -------- ---------- -
------------------- ------------------- ----------
---
---------- ------ --- ---------- -
-------------------------------- ---
---
---
--------------- --------- ---------- -
---------- ------ ----- -------- -------------- -
----------------------------- -
-------------------- ---------
-------
---
---
---
---------------- ----------- ---------- -
---------- ------ --- -- ------- ---------- -
---------------- -------------------------
---
---------- ------ ---- -------- ---------- -
---------------------------------------------
---
---------- ------ ---- ------- ---------- -
---------------------------------------------
---
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64754ad3968c7c53b026127c