JavaScript 前端开发中，自动化测试是不可或缺的步骤。测试可以保证代码的正确性，降低 bug 出现的概率，节省开发成本，提高工作效率。本文将介绍 Chai.js 断言库的使用，重点展示 expect 断言的编写方法以及如何编写可读的测试。
Chai.js 简介
Chai.js 是一个专为 Node.js 和浏览器设计的 JavaScript 测试框架，它集成了多种风格的断言模式，可以与大部分测试运行器配合使用。Chai.js 内置了 expect、should 和 assert 三种风格的断言模式，本文主要介绍 expect 断言。
expect 断言
expect 断言基于 BDD（行为驱动开发）设计理念，它可以很好地描述代码的行为和逻辑，并将代码的期望结果和实际结果进行比较，从而判断代码是否正确。下面我们将通过几个示例来学习 expect 断言的使用方法。
基本用法
expect 断言的基本用法是将要断言的变量或表达式传递给 expect 函数，然后调用 expect 对象的各种断言方法。例如：
const assert = require('chai').expect;
assert(1 + 1).to.equal(2);
assert(typeof 'hello').to.equal('string');其中 to 对应的是断言方法，它表示期望该表达式的结果为 true。在 expect 对象后面调用 to 后面链式调用其他方法来进行具体的断言，上述例子中的 to.equal 方法就是 expect 的一个断言方法。
数组断言
expect 断言同样支持对数组和对象进行断言，比如：
const assert = require('chai').expect;
assert([1, 2, 3]).to.have.lengthOf(3);
assert([1, 2, 3]).to.include(2);其中 to.have.lengthOf 和 to.include 分别表示数组的长度为 3 和包含元素 2。
异常断言
在测试中，我们需要对程序的异常情况进行断言，包括异常类型、异常消息等。expect 断言同样支持对异常进行断言，例如：
const assert = require('chai').expect;
assert(() => {
throw new Error('test error');
}).to.throw(Error, 'test error');其中 to.throw 引发一个异常，它接受一个参数，表示期望的异常类型和消息。上述例子中我们期望引发一个类型为 Error，消息为 'test error' 的异常。
以上是 expect 断言的一些基本用法，接下来我们将讲解如何编写可读的测试。
如何编写可读的测试
在编写测试时，我们需要关注测试用例的可读性和可维护性，以便日后的维护和改进。以下是一些编写可读的测试的技巧：
明确测试目的
在进行测试之前，我们需要明确测试的目的，即要测试哪一部分的功能。可以在测试名称上加上该部分功能的描述，例如：
describe('加法模块', () => {
it('1+1应该等于2', () => {
const result = 1+1;
expect(result).to.equal(2);
});
});在测试名称中加入了“加法模块”的描述，方便其他开发者快速理解该部分测试的内容。
使用语义化的测试对象名称
测试对象的名称应该使用语义化的名称，具有明确的描述性，这样可以提高测试的可读性和可维护性，例如：
describe('学生模块', () => {
it('查询学生列表应该返回正确的结果', () => {
const students = [{name: '张三'}, {name: '李四'}, {name: '王五'}];
expect(students).to.have.lengthOf(3);
expect(students[0]).to.have.property('name', '张三');
});
});在测试名称中使用了“学生模块”的描述，并使用了名称符合语义的测试对象名称。
采用 GIVEN-WHEN-THEN 格式的测试
GIVEN-WHEN-THEN 是一种测试格式，它可以很好地描述代码的行为和逻辑，增强测试的可读性和可维护性。GIVEN 指在测试之前需要有一些准备工作、一些已知的状态或条件； WHEN 是指进行一些操作或调用代码的某个方法；THEN 是指期望代码应该做出的响应或结果。例如：
-- -------------------- ---- -------
----------------- -- -- -
---------------- -- -- -
----------- -- -- -
-- -----
----- - - --
----- - - --
----- ---------- - --- -------------
-- ----
----- ------ - ----------------- ---
-- ----
---------------------------
---
---
---上述例子中，使用了 GIVEN-WHEN-THEN 的测试格式，可以清晰地了解测试的整个流程，增加了测试的可读性。
除了以上几个技巧，还有一些约定的测试规范，例如测试函数应该只包含一个断言语句、只测试一个功能点等等，这里不再赘述。
总结
本文介绍了 Chai.js 断言库的使用方法和 expect 断言的基本语法，并重点讲解了如何编写可读的测试。测试可以保证代码的正确性，降低 bug 出现的概率，减少调试时间，提高效率。希望本文对读者在前端开发中的自动化测试有一定的指导意义。
示例代码
-- -------------------- ---- -------
----- ------ - -----------------------
---------------- -- -- -
-------------- -- -- -
----- ------ - ----
---------------------------
---
---
---------------- -- -- -
--------------------- -- -- -
----- -------- - ------- ------ ------ ------ ------ -------
-------------------------------------
-------------------------------------------- ------
---
---
----- ---------- -
------ -- -
------ - - --
-
-
----------------- -- -- -
---------------- -- -- -
----------- -- -- -
-- -----
----- - - --
----- - - --
----- ---------- - --- -------------
-- ----
----- ------ - ----------------- ---
-- ----
---------------------------
---
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a5fd5448841e98942723f4