Angular单元测试中,Observable的mock/spy在第一次调用成功后,在第二次调用时失败。
创始人
2024-10-23 22:30:40
0

问题通常是由于Observable的内部状态没有正确重置所导致的。为了解决这个问题,可以使用jasmine的beforeEach钩子,在每个测试之前重置Observable的内部状态。

示例代码:

import { of } from 'rxjs';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyComponent } from './my.component';

describe('MyComponent', () => {
  let component: MyComponent;
  let fixture: ComponentFixture;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [MyComponent],
    }).compileComponents();

    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
  });

  it('should call getData() twice and return correct values', () => {
    // mock the observable
    spyOn(component.myService, 'getData').and.returnValue(
      of([{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }])
    );

    // first call
    component.getData();
    expect(component.data).toEqual([{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]);

    // reset the internal state of the observable
    spyOn(component.myService, 'getData').and.returnValue(
      of([{ id: 3, name: 'Bob' }, { id: 4, name: 'Alice' }])
    );

    // second call
    component.getData();
    expect(component.data).toEqual([{ id: 3, name: 'Bob' }, { id: 4, name: 'Alice' }]);
  });
});

在这个示例中,beforeEach钩子会在每个测试运行之前创建组件和测试环境。在it测试中,我们首先使用spyOn对服务中的getData方法进行了mock,并在第一次调用getData后对component.data的值进行了断言。然后,我们使用相同的方法重置了getData,并在第二次调用getData后对component.data

相关内容

热门资讯

透视美元局!wepoker可以... 透视美元局!wepoker可以免费玩吗,wepoker可以开透视吗(透视)AI教程(有挂规律);1、...
透视苹果版!德普之星辅助器怎么... 透视苹果版!德普之星辅助器怎么用,pokemmo辅助官网,详细教程(有挂内幕)1、玩家可以在德普之星...
透视插件!wepoker有辅助... 透视插件!wepoker有辅助工具吗,wepoker数据分析(透视)第三方教程(有挂插件);1、许多...
辅助透视!哈糖大菠萝有没有挂,... 辅助透视!哈糖大菠萝有没有挂,hhpoker必备开挂,安装教程(有挂秘籍)1、起透看视 哈糖大菠萝有...
透视ai!wepoker祈福有... 透视ai!wepoker祈福有用吗,wepokerplus到底是挂了吗(透视)2025版教程(有挂详...
透视app!wpk官网下载链接... 透视app!wpk官网下载链接,佛手在线大菠萝智能辅助器,技巧教程(有挂秘籍)1、这是跨平台的佛手在...
透视美元局!wepoker透视... 透视美元局!wepoker透视脚本下载,大菠萝789辅助器下载,技巧教程(有挂方法)1、实时大菠萝7...
透视科技!wepoker怎么获... 透视科技!wepoker怎么获得好牌,wepoker游戏的安装教程(透视)普及教程(有挂解密)1、进...
透视黑科技!wepoker-h... 透视黑科技!wepoker-h5下载,wepoker辅助器如何使用(透视)曝光教程(有挂细节);所有...
透视好友!wepoker透视破... 透视好友!wepoker透视破解版,wepoker私人局俱乐部辅助(透视)AA德州教程(有挂细节);...