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; }

相关内容

热门资讯

黑科技游戏!aapoker软件... 黑科技游戏!aapoker软件app(黑科技ai)固有真的有挂(有挂打法)-哔哩哔哩,支持语音通讯、...
黑科技辅助!德州之星app辅助... 自定义德州之星app辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不...
黑科技真的!aapoker透明... 黑科技真的!aapoker透明挂下载(黑科技)原来是有挂(有挂胜率)-哔哩哔哩;支持2-10人实时对...
黑科技透明挂!红龙扑克有挂么(... 黑科技透明挂!红龙扑克有挂么(透视)真是真的是有挂(有挂自建房)-哔哩哔哩;原来确实真的有挂(需添加...
黑科技能赢!红龙扑克会作假吗(... 这是一款非常优秀的红龙扑克会作假吗 ia辅助检测软件,能够让你了解到红龙扑克会作假吗中牌率当中全部隐...
黑科技脚本!拱趴大菠萝免费辅助... 此外,数据分析德州(拱趴大菠萝免费辅助器)辅助神器app还具备辅助透视行为开挂功能,通过对客户拱趴大...
黑科技透明挂!wpk有辅助挂吗... 这是一款非常优秀的wpk有辅助挂吗 ia辅助检测软件,能够让你了解到wpk有辅助挂吗中牌率当中全部隐...
黑科技能赢!wepokeai代... 黑科技能赢!wepokeai代打逻辑(透明挂)先前是真的有挂(有挂计算器)-哔哩哔哩;建议优先通过w...
黑科技透明挂!德扑牌型胜率计算... 1、黑科技透明挂!德扑牌型胜率计算(辅助挂)起初真的有挂(有挂识别)-哔哩哔哩;详细教程。2、德扑牌...
黑科技能赢!wepoke德州扑... 《黑科技能赢!wepoke德州扑克(ai代打)一向有挂(有挂实锤)-哔哩哔哩》 wepoke德州扑克...