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、天天芜湖麻将公...
记者发布外挂教程!君子道多功能... 记者发布外挂教程!君子道多功能外挂教程,君子道本来是有外挂教程暗藏猫腻,小编详细说明君子道破解器有用...
一分钟快速了解透视器软件!随便... 一分钟快速了解透视器软件!随便字牌多功能透视器软件,随便字牌好像是真的有透视器软件1、进入到随便字牌...
程序员教你作弊器技巧!欢乐茶馆... 程序员教你作弊器技巧!欢乐茶馆多功能作弊器技巧,欢乐茶馆好像有作弊器技巧1、这是跨平台的欢乐茶馆轻量...
科普分享辅助攻略!悠乐汇多功能... 科普分享辅助攻略!悠乐汇多功能辅助攻略,悠乐汇总是是真的有辅助攻略科普分享辅助攻略!悠乐汇多功能辅助...
免费测试版透视器app!决胜朋... 免费测试版透视器app!决胜朋来麻将多功能透视器app,决胜朋来麻将一贯真的是有透视器app1.决胜...
推荐一款透视挂方法!科尔沁麻将... 推荐一款透视挂方法!科尔沁麻将多功能透视挂方法,科尔沁麻将确实真的是有透视挂方法1、很好的工具软件,...
实测教程辅助方法!王钓麻将多功... 实测教程辅助方法!王钓麻将多功能辅助方法,王钓麻将本来有辅助方法1、王钓麻将有没有辅助教程、王钓麻将...
揭秘关于作弊器方法!澳门永利集... 揭秘关于作弊器方法!澳门永利集团多功能作弊器方法,澳门永利集团都是真的是有作弊器方法1、下载好澳门永...
揭秘一下透视器攻略!苍南麻将多... 揭秘一下透视器攻略!苍南麻将多功能透视器攻略,苍南麻将好像真的是有透视器攻略苍南麻将透视方法中分为三...