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

相关内容

热门资讯

微扑克有假吗,wepoke辅助... 微扑克有假吗,wepoke辅助器真的有效果吗,智星德州菠萝有挂吗您好,wepoke辅助器真的有效果吗...
红龙扑克辅助器安全吗,wpk输... 红龙扑克辅助器安全吗,wpk输赢机制,智星德州菠萝辅助(1)红龙扑克辅助器安全吗,wpk输赢机制,智...
德州ai辅助软件排名,wepo... 德州ai辅助软件排名,wepoke挂吗蓝鸟,智星德州菠萝开挂您好,wepoke挂吗蓝鸟,确实是有挂的...
wepoke辅助真的假的,we... wepoke辅助真的假的,wepoke辅助插件,智星德州菠萝辅助器免费下载1)wepoke辅助真的假...
wpk有外挂吗,wepoke透... wpk有外挂吗,wepoke透视挂怎么测试,智星德州菠萝辅助(1)wpk有外挂吗,wepoke透视挂...
aapoker透明挂真假,we... aapoker透明挂真假,wepoke到底有没有挂,智星德州菠萝有挂吗1)wepoke到底有没有挂辅...
aa poker智能ai辅助价... aa poker智能ai辅助价格,wepoke用模拟器,智星德州菠萝辅助器免费下载1、金币登录送、破...
德州之星app辅助器,wepo... 您好,wepoke透明黑科技这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
wpk辅助外挂,wepoke软... wpk辅助外挂,wepoke软件能玩吗,智星德州菠萝辅助1、金币登录送、破产送、升级送、活动送。详细...
微扑克智能ai辅助,wepok... 微扑克智能ai辅助,wepoke辅助插件,智星德州菠萝怎么看有没有开挂是一款可以让一直输的玩家,快速...