Angular 单元测试遇到的问题

最新推荐文章于 2025-03-22 03:53:53 发布

xiangpica114

最新推荐文章于 2025-03-22 03:53:53 发布

阅读量770

点赞数

分类专栏：笔记整理文章标签： Angular 单元测试

本文链接：https://blog.youkuaiyun.com/xiangpica114/article/details/78989762

版权

笔记整理专栏收录该内容

3 篇文章

订阅专栏

在进行Angular单元测试时遇到了一个错误，原始测试用例中fixture.detectChanges()的使用不正确。修正方法是将其更新为正确的用法，以确保组件的变更检测正常运行，从而解决测试失败的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 运行下面的测试用例，报错： Expeced '' to contain 21. So after set the property(after component.myVote = 1) ,we should cal

l fixture.detectChanges();参考1 参考2

2.运行下面的测试用例：

 
  it( 
  'should load todos from the server', () 
  => { 
 
 
  let 
  service = 
  TestBed. 
  get( 
  TodoService); 
 
 
  spyOn( 
  service, 
  'getTodos'). 
  and. 
  returnValue( 
  Observable. 
  from([ [ 
  1, 
  2, 
  3] ])); 
 

 
  expect( 
  component. 
  todos. 
  length). 
  toBe( 
  3); 
 

   }); 
 

报错：Expected 0 to be 3

这是因为fixture.detectChanges();应该改为如下：

 
  it( 
  'should load todos from the server', () 
  => { 
 
 
  let 
  service = 
  TestBed. 
  get( 
  TodoService); 
 
 
  spyOn( 
  service, 
  'getTodos'). 
  and. 
  returnValue( 
  Observable. 
  from([ [ 
  1, 
  2, 
  3] ])); 
 

 
  fixture. 
  detectChanges(); 
 
 
  expect( 
  component. 
  todos. 
  length). 
  toBe( 
  3); 
 

   }); 
 