在前端开发中，经常会使用 Promise 来处理异步任务。而在编写自动化测试时，测试 Promise 成了一项必要的技能。Chai 是一个流行的 JavaScript 测试框架，它提供了多种 assert 风格的语法，可以测试 Promise 的行为。
Promise 简介
Promise 是一种用于处理异步操作的对象，它可以使异步代码更具可读性和可维护性。一个 Promise 对象有三种状态：pending（等待中）、fulfilled（已成功执行）和 rejected（已失败执行），可以通过 then 和 catch 方法链式处理异步操作。
下面是一个简单的 Promise 使用例子：
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ---- - - ----- ------- ---- -- --
--------------
-- ------
--
-
------------------- -- ------------------在这个例子中，getData 函数返回一个 Promise 对象，我们使用 then 方法来获取异步操作的结果。
使用 Chai 测试 Promise
Chai 支持多种语法，其中 expect 是最常用的一种。下面是一些常见的 expect 语法，其中用到了 chai-as-promised 这个库来处理 Promise 的测试。
expect(Promise).to.be.fulfilled
这个语法用于测试 Promise 对象是否已经成功执行。测试时需要断言一个触发异步操作的函数返回的 Promise 对象是否 fulfilled。下面是一个例子：
it('should fulfill when given a valid URL', () => {
const url = 'https://example.com';
return expect(fetch(url)).to.be.fulfilled;
});expect(Promise).to.eventually.equal
这个语法用于测试 Promise 的结果是否符合预期。测试时需要断言一个触发异步操作的函数返回的 Promise 对象是否 fulfilled，然后才能使用 eventually 和 equal 来进行比较。下面是一个例子：
it('should return correct data', () => {
const url = 'https://example.com/data.json';
return expect(fetch(url)).to.eventually.deep.equal({
foo: 'bar',
baz: true,
});
});expect(Promise).to.be.rejected
这个语法用于测试 Promise 对象是否已经失败执行。测试时需要断言一个触发异步操作的函数返回的 Promise 对象是否 rejected。下面是一个例子：
it('should reject when given an invalid URL', () => {
const url = 'https://invalid-url';
return expect(fetch(url)).to.be.rejected;
});expect(Promise).to.be.rejectedWith
这个语法用于测试 Promise 对象是否已经失败执行，并且失败原因是否符合预期。测试时需要断言一个触发异步操作的函数返回的 Promise 对象是否 rejected，然后才能使用 rejectedWith 和一个错误对象来比较。下面是一个例子：
it('should reject with TypeError when given a bad argument', () => {
const badArg = null;
return expect(getData(badArg)).to.be.rejectedWith(TypeError);
});总结
在前端开发中使用 Promise 处理异步操作是一项基本技能，使用 Chai 语法测试 Promise 的行为可以让我们更好地保障代码的质量和可靠性。在测试时需要注意异步操作的执行顺序，避免测试用例出现不确定因素。
完整的测试代码可以在这里找到：
-- -------------------- ---- -------
------ -----------------------
------ -----------------------
------ -----------------------
------ ---- ---- -------
------ -------------- ---- -------------------
-------------------------
-------------------- -------- -- -
-------------------- -------- -- -
---------- ------- ---- ----- - ----- ----- -- -- -
----- --- - ----------------------
------ -----------------------------------
---
---------- ------ ------- ------ -- -- -
----- --- - --------------------------------
------ ---------------------------------------------
---- ------
---- -----
---
---
---------- ------ ---- ----- -- ------- ----- -- -- -
----- --- - ----------------------
------ ----------------------------------
---
---------- ------ ---- --------- ---- ----- - --- ---------- -- -- -
----- ------ - -----
------ ------------------------------------------------------
---
---
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64abe39148841e98947c7ad0