Angular单元测试中,changeDetection()方法执行后,输入值未发生变化。
创始人
2024-10-23 22:30:39
0

1.在测试文件中引入ChangeDetectorRef:

import { Component, ChangeDetectorRef } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing';

2.对于每个测试用例,在BeforeEach块中创建一个新的实例,并使用changeDectectorRef的detectChanges方法手动调用变更检测:

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

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

beforeEach(() => { fixture = TestBed.createComponent(MyComponent); component = fixture.componentInstance; changeDetectorRef = fixture.debugElement.injector.get(ChangeDetectorRef); fixture.detectChanges(); });

it('should update input value', () => { component.myInputValue = 'new value'; changeDetectorRef.detectChanges(); expect(component.myInputValue).toEqual('new value'); }); });

3.确保对应的组件输入属性有输入绑定:

@Component({ template: }) export class MyComponent { @Input() myInputValue: string; }

相关内容

热门资讯

黑科技辅助挂!智星德州辅助器工... 黑科技辅助挂!智星德州辅助器工具,智星德州菠萝辅助器,切实教程(有挂软件)1、让任何用户在无需智星德...
热点推荐“大唐辅助神器”hhp... 1、热点推荐“大唐辅助神器”hhpoker买挂(从来真的是有挂)。2、大唐辅助神器透视辅助简单,大唐...
黑科技辅助挂!德州wpk辅助工... 黑科技辅助挂!德州wpk辅助工具,wpk德州机器人,玩家教程(有挂总结)1)德州机器人辅助挂:进一步...
查到实测“科乐游戏辅助脚本视频... 1、查到实测“科乐游戏辅助脚本视频”hhpoker有辅助吗(真是真的是有挂);详细教程。2、科乐游戏...
黑科技辅助挂!(WpK)真是真... 黑科技辅助挂!(WpK)真是真的有挂,(wPk)其实有挂,教你攻略(有挂辅助器)1、进入游戏-大厅左...
总算明白“丽水茶苑辅助”wep... 总算明白“丽水茶苑辅助”wepoker私人局俱乐部(果然真的是有挂);支持2-10人实时对战,虚拟庄...
黑科技辅助!we辅助poker... 黑科技辅助!we辅助poker软件透明挂,wepoker透明挂使用教程,黑科技教程(有挂方法);1、...
玩家必备教程“九江讨赏辅助中至... 玩家必备教程“九江讨赏辅助中至小程序”impoker辅助(往昔是真的有挂)1、玩家可以在九江讨赏辅助...
黑科技辅助挂!(智星德州)都是... 黑科技辅助挂!(智星德州)都是有挂,(智星德州菠萝)确实是有挂,可靠教程(有挂功能)小薇(透视辅助)...
揭秘攻略“卡农血拼辅助”wep... 揭秘攻略“卡农血拼辅助”wepoker透视底牌(从前是真的有挂);1.卡农血拼辅助 ai辅助创建新账...