Typescript Angular测试中的 tick() 和 flush() 有什么区别

它们做的事情与以前的异步操作不同.例如调用setTimeout(...)将启动一个异步操作.

• tick()向前移动time.
• flush()移动time到最后.

这些函数的单元测试可以更好地说明这一点.

打上钩

这个单元测试显示，滴答声被用来将时间向前移动steps，直到所有10个计时器都完成.打上钩被多次调用.

https://github.com/angular/angular/blob/master/packages/core/test/fake_async_spec.ts#L205

      it('should clear periodic timers', fakeAsync(() => {
           let cycles = 0;
           const id = setInterval(() => { cycles++; }, 10);

           tick(10);
           expect(cycles).toEqual(1);

           discardPeriodicTasks();

           // 打上钩 once to clear out the timer which already started.
           tick(10);
           expect(cycles).toEqual(2);

           tick(10);
           // Nothing should change
           expect(cycles).toEqual(2);
         }));

脸红

这个单元测试表明，所有异步任务在返回时都应该完成，返回的值告诉您完成这些任务需要多长时间.

https://github.com/angular/angular/blob/master/packages/core/test/fake_async_spec.ts#L273

      it('should flush multiple tasks', fakeAsync(() => {
           let ran = false;
           let ran2 = false;
           setTimeout(() => { ran = true; }, 10);
           setTimeout(() => { ran2 = true; }, 30);

           let elapsed = flush();

           expect(ran).toEqual(true);
           expect(ran2).toEqual(true);
           expect(elapsed).toEqual(30);
         }));