使用 Chai.js 和 Mocha.js 进行 BDD 测试-JavaScript中文网-JavaScript教程资源分享门户

随着前端应用程序的不断发展，测试变得越来越重要。 BDD（行为驱动开发）是一个流行的测试风格，它帮助开发人员设计优秀的应用程序。使用 Chai.js 和 Mocha.js 完成 BDD 测试，将能够快速而准确地发现您的应用程序中的问题。

BDD 概述

BDD 是指行为驱动开发。它不像 TDD（测试驱动开发）只关注测试，而是强调用语言易懂的术语来描述软件行为。这些行为被转化为测试用例，从而构建起整个软件的行为。BDD 将重点放在测试中，因此它有助于强制开发人员在代码编写之前先规划测试。它也被认为是一种通用语言，可以使开发人员、测试人员、商业人员和管理人员之间的交流更加明确。

Chai.js

Chai.js 是一个功能丰富的 Javascript 断言库，提供了各种样式的断言，包括 BDD、TDD 和模式匹配。而 Chai.js 提供的 BDD 风格的断言，则包含了 expect()、should() 和 assert()。 BDD 风格的断言更为语义化、清晰，更适合用于行为化测试的范式中。在它们的实现上，使用了大量的链式调用，而在提示堆栈的呈现上，则可以观察到很好的可读性。

让我们来看一个例子：

  expect(foo).to.be.a('string');
  expect(foo).to.equal('bar');
  expect(foo).to.have.lengthOf(3);

以上代码中的 expect() 函数是 Chai.js 的一个 BDD 断言。具体来说，它包含了三个断言：foo 应该是一个字符串、foo 应该等于“bar”，foo 应该有长度为 3。这里我们使用 expect()，而不是 should()。expect() 函数使用链式调用的方法，以此避免错误。使用此方法时，即使在重复的表达式中也能得到清晰的布尔值。

在上面的例子中，如果 foo 需要是一个 HTMLElement，则可以改写为如下代码：

  expect(document.querySelectorAll('.item').length).to.equal(3);

在这个例子中，应该选择 css 选择器类 "item" 返回的 HTML 元素个数为三个。

Mocha.js

Mocha.js 是一个功能强大的 JavaScript 测试框架，支持 BDD、TDD，以及其他自定义扩展。Mocha.js 主要的特点是它采用了非阻塞异步测试，并且支持异步的回调或 Promise。它支持运行在浏览器环境或 Node.js 上，使开发人员可以针对自己的前端应用程序进行测试。

让我们再来看一个例子：

 describe('Array', function() {
   describe('#indexOf()', function() {
     it('should return -1 when the value is not present', function() {
       assert.equal([1,2,3].indexOf(4), -1);
     });
   });
 });

这个例子说明了 Mocha.js 的用法。首先，使用 describe() 来创建一个测试集合，这个集合包含了被测试的退出条件（在本例中，它是一个名为 Array。针对 Array 这个集合，开发人员进一步创建了一个新的测试条件的程序）。

其次，使用 it() 来定义测试条件以及预期输出。在这个例子中，我们期望 indexof() 函数返回一个没有找到值时的负一值。这种结构可以进行层级关系的测试用例的组织。

最后，我们可以使用 assert() 来定义实际的实现。请注意，在这个例子中，使用了 assert() 的 equal() 函数，用于比较代码的实际输出与预期输出。assert() 函数是 Node.js 自带的，而在此配置了 Mocha 后，可以使用它来运行测试。(assert 可以通过安装 Chai.js 去拓展更多命令）

深度学习和指导意义

使用 Chai.js 和 Mocha.js 进行 BDD 测试，可确保您的代码在未来的工作流程中，具有更高的质量和可维护性。

使用 BDD 测试将有助于您设计出更好的应用程序，并保证您的代码按照所设计的方式运行。

同时，BDD 测试也可以帮助与您的团队成员更好地合作。它使用通用的语言，使得开发人员、测试人员、管理人员和商业人员之间可以更好地沟通。

因此，我建议将 BDD 测试与您的应用程序开发周期相结合，并且始终考虑代码生态的持续性。这不仅有助于您的软件的稳健性，还有助于您的开发流程。

总结

BDD 测试是一种流行的测试风格，它有助于开发人员用通用语言描述软件行为。在 BDD 测试中，使用 Chai.js 和 Mocha.js 可以更加快速、精准地发现和排除您的应用程序中的问题。

本文介绍了 Chai.js 和 Mocha.js 的用法。使用它们，我们可以获得更好的可读性和可维护性。同时，BDD 测试还可以帮助我们与团队合作更好，使沟通变得更加简单。

此外，我们还提供了一些示例代码，以帮助您实现这些技术。

如果您正在寻找一种能够帮助您提高应用程序质量和稳健性的测试方法， BDD 测试是一个非常不错的选择。但是请您一定要仔细学习该技术的相关知识，才能让它成为您的工作流程中的重要组成。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64a7acf848841e989442a6a0