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

相关内容

热门资讯

规律辅助挂!hhpoker辅助... 规律辅助挂!hhpoker辅助器视频,德扑之心免费透视,总是确实有挂(有人有挂)1、任何德扑之心免费...
有了最新消息!wpk辅助器是真... 有了最新消息!wpk辅助器是真的吗,德普之星辅助器怎么用,一贯存在有挂(确实有挂)1、进入到德普之星...
据了解!wpk辅助器是真的吗,... 据了解!wpk辅助器是真的吗,智星德州有脚本吗,确实存在有挂(有挂技术)1)智星德州有脚本吗免费钻石...
网友热议!wepoker是不是... 网友热议!wepoker是不是有人用挂,德普辅助app,其实真的有挂(有挂透明挂)1、打开软件启动之...
第三方技巧!aapoker安装... 第三方技巧!aapoker安装包怎么使用,德扑圈有透视吗,原来确实有挂(有挂方法)德扑圈有透视吗能透...
第三方辅助!werplan透视... 第三方辅助!werplan透视挂,德扑圈透视挂,原来是真的有挂(真实有挂)1、点击下载安装,德扑圈透...
2026版技巧!hhpoker... 2026版技巧!hhpoker有没有辅助,德普辅助软件,好像是真的有挂(新版有挂)1、任何德普辅助软...
日前!xpoker辅助控制,智... 日前!xpoker辅助控制,智星德州有脚本吗,总是确实有挂(竟然有挂)1)智星德州有脚本吗免费钻石:...
黑科技教程!wepoker是不... 您好,德扑之星透视软件免费入口官网这款游戏可以开挂的,确实是有挂的,需要了解加去威信【1367043...
最终!wpk辅助器是真的吗,德... 最终!wpk辅助器是真的吗,德普之星透视,竟然是有挂(发现有挂)德普之星透视透视方法中分为三种模型:...