Angular单元测试ActivatedRoute参数订阅
创始人
2024-10-23 21:01:23
0

在进行Angular单元测试时,如果需要订阅ActivatedRoute路由参数的变化,可以使用下面的代码示例:

import { ActivatedRoute } from '@angular/router';
import { of } from 'rxjs';

describe('Component', () => {
  let component: Component;
  let route: ActivatedRoute;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [Component],
      providers: [
        {
          provide: ActivatedRoute,
          useValue: {
            params: of({ id: 1 })
          }
        }
      ]
    });

    route = TestBed.inject(ActivatedRoute);
    component = TestBed.createComponent(Component).componentInstance;
  });

  it('should get the correct parameter value', () => {
    component.ngOnInit();
    expect(component.id).toBe(1);
  });
});

在上述示例中,通过将ActivatedRoute提供为测试时的模拟对象来替换原始的ActivatedRoute。这个模拟对象包含一个params属性,该属性是一个可观察对象,它提供了包含id参数的对象。然后,我们创建了需要测试的组件,并将我们刚刚创建的模拟对象注入到该组件中。

在测试用例中,我们调用了组件的ngOnInit函数来订阅参数的变化,并且使用expect函数来测试组件是否获得了正确的参数值。

相关内容

热门资讯

4分钟实锤!德州AI智能辅助机... 4分钟实锤!德州AI智能辅助机器人(德州扑克)一直是有挂(详细辅助2025新版总结)亲,关键说明,德...
第8分钟实锤!德州ai辅助软件... 第8分钟实锤!德州ai辅助软件(德州nzt)切实真的是有挂(详细辅助技巧教程)1、进入到德州ai辅助...
第3分钟实锤!德扑起手牌胜率图... 第3分钟实锤!德扑起手牌胜率图(德州俱乐部)都是有挂(详细辅助力荐教程)1、进入到德扑起手牌胜率图黑...
第八分钟实锤!智星德州菠萝有挂... 第八分钟实锤!智星德州菠萝有挂吗(德州机器人)一贯存在有挂(详细辅助扑克教程)1、该软件可以轻松地帮...
第2分钟实锤!德州ai辅助有用... 第2分钟实锤!德州ai辅助有用(德州机器人)一直存在有挂(详细辅助透牌教程)1)德州ai辅助有用辅助...
3分钟实锤!德州ai人工智能(... 3分钟实锤!德州ai人工智能(线上德州)一贯真的有挂(详细辅助揭秘教程)1、德州ai人工智能系统规律...
四分钟实锤!智星德州菠萝(德州... 四分钟实锤!智星德州菠萝(德州)确实有挂(详细辅助技巧教程)1、上手简单,内置详细流程视频教学,新手...
第八分钟实锤!德州ai机器人(... 第八分钟实锤!德州ai机器人(德州nzt)真是是有挂(详细辅助力荐教程)1.德州ai机器人 ai辅助...
两分钟实锤!德州之星有外挂(德... 两分钟实锤!德州之星有外挂(德州扑克)其实真的有挂(详细辅助可靠技巧)进入游戏-大厅左侧-新手福利-...
第一分钟实锤!德州免费辅助神器... 第一分钟实锤!德州免费辅助神器app(线上德州)真是真的是有挂(详细辅助线上教程)1、每一步都需要思...