Angular的异步管道在单元测试中不能正确更新。
创始人
2024-10-24 11:32:03
0

在编写单元测试时,确保在每个异步管道的前面设置fakeAsync(),随后使用tick()方法模拟异步操作完成,以便正确触发管道更新。以下是示例代码:

it('should update async pipe correctly', fakeAsync(() => {
  const testValue = 'test';

  // Mock async data source
  spyOn(myService, 'getData').and.returnValue(of(testValue).pipe(delay(100)));

  // Trigger component initialization
  fixture.detectChanges();

  // Make sure async pipe is updated correctly
  expect(fixture.debugElement.query(By.css('div')).nativeElement.textContent).toBe('');

  tick(100);

  expect(fixture.debugElement.query(By.css('div')).nativeElement.textContent).toBe(testValue);
}));

相关内容

热门资讯

黑科技辅助挂挂(德州软件)云扑... 1、黑科技辅助挂挂(德州软件)云扑克德州从来是真的有挂!太无语了总是真的是有挂(2025已更新)(哔...
黑科技辅助挂挂(来玩app德州... 黑科技辅助挂挂(来玩app德州)德扑真是是真的有挂!太离谱了确实存在有挂(2021已更新)(哔哩哔哩...
黑科技辅助挂(Wepoke靠谱... 黑科技辅助挂(Wepoke靠谱)aapoker固有有挂!太坑了一向是有挂(2020已更新)(哔哩哔哩...
黑科技攻略(aapoker)W... 黑科技攻略(aapoker)WpK素来真的是有挂!太坑了其实是有挂(2023已更新)(哔哩哔哩);小...
黑科技线上(德州ai智能系统)... WePoke高级策略深度解析‌;黑科技线上(德州ai智能系统)aAPOKER一直真的有挂!太坑了都是...
黑科技讲解(aapoker有挂... WePoker透视辅助工具核心要点解析‌,黑科技讲解(aapoker有挂)AaPOKER一向存在有挂...
黑科技插件(Wepokeplu... 黑科技插件(Wepokeplus)wpK果然是有挂!太夸张了竟然真的是有挂(2026已更新)(哔哩哔...
黑科技讲解(hm3德州)fis... WePoker透视辅助版本解析‌,黑科技讲解(hm3德州)fishpoker一直是有挂!太离谱了先前...
黑科技辅助(众合推扑克)weP... 黑科技辅助(众合推扑克)wePoke往昔有挂!太离谱了一贯是有挂(2023已更新)(哔哩哔哩);是一...
黑科技插件(德州ai)poke... 黑科技插件(德州ai)pokerx一贯真的是有挂!太离谱了从前真的有挂(2022已更新)(哔哩哔哩)...