Typescript 测试驱动开发 TDD (15)

异步测试 (Asynchronous tests)

正如我们在探索JavaScript和TypeScript时所看到的，我们编写的大部分代码都是异步的。这意味着我们无法准确控制回调函数何时被调用，或者Promise何时解析，因为我们正在等待一个超出我们控制范围的事件发生。这经常在单元测试中引起问题，在这种情况下，我们需要等待异步事件完成后才能继续进行测试。以下是一个示例类：

1 class MockAsync {
2       executeSlowFunction(
3               complete: (value: string) => void
4       ) {
5             setTimeout(() => {
6                  complete(`competed`);
7             },1000);
8       }
9 }

在这里，我们有一个名为MockAsync的类，它有一个名为executeSlowFunction的方法。该方法接受一个名为complete的回调函数作为唯一参数，并在1秒后调用它。我们可以按照以下方式编写对这个类的测试：

 1 describe("failing async tests", () => {
 2      it("should wait for callback to complete", () => {
 3           let mockAsync = new MockAsync();
 4           console.log(`1. calling executeSlowFunction`);
 5           let returnValue !: string;
 6           mockAsync.executeSlowFunction((value: string) => {
 7                console.log(`2. complete called`);
 8                returnedValue = value;
 9           });
10 
11      })
12 });

在这里，我们有一个名为"failing async tests"的测试套件，以及一个名为"should wait for callback to complete"的测试。该测试首先创建了一个名为mockAsync的MockAsync类实例。然后它向控制台输出一条消息，并创建了一个变量named returnedValue来保存调用executeSlowFunction方法时返回的值。接下来，它调用executeSlowValueFunction函数并定义了一个回调函数。这个回调函数向控制台输出一条消息，并将回调返回的值存储在returnedValue变量中。然后，该测试向控制台输出第三条消息，并检查returnedValue变量是否包含字符串值"completed"。

运行此测试，然而，会得到以下的失败输出：

在这里，我们可以看到打印到控制台的消息是"1. calling executeSlowFunction"和"3. checking return value"。我们完全没有收到消息"2. executeSlowFunctionReturned"。我们的测试也失败了，因为返回值变量expectedValue应该是 "completed"，但实际上是undefined的。

导致这个测试失败的原因是测试本身没有等待1秒钟，以便executeSlowFunction函数调用完成回调。我们真正需要的是一种信号方式，告诉我们的测试只有在异步调用完成后才执行测试期望值。