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

相关内容

热门资讯

一分钟了解!微乐小程序辅助收费... 一分钟了解!微乐小程序辅助收费,pokemmo手机版修改器,大神讲解(讲解有挂);微乐小程序辅助收费...
科技通报!情怀手机麻将辅助器,... 科技通报!情怀手机麻将辅助器,wepoker私人局辅助挂,揭秘教程(讲解有挂);情怀手机麻将辅助器辅...
总算了解!开心泉州小程序工具,... 总算了解!开心泉州小程序工具,xpoker辅助控制,详细教程(有挂规律)是一款可以让一直输的玩家,快...
实测揭晓!朋友局辅助器免费版,... 实测揭晓!朋友局辅助器免费版,pokemmo辅助官网,揭秘教程(有挂猫腻);朋友局辅助器免费版最新版...
终于知道!万能脚本辅助器,aa... 终于知道!万能脚本辅助器,aa poker辅助包,大神讲解(有挂方略)是一款可以让一直输的玩家,快速...
推荐攻略!科乐辅助,wpk私人... 推荐攻略!科乐辅助,wpk私人局辅助是真的吗,解密教程(存在有挂);详细科乐辅助攻略(科乐辅助软件透...
总算了解!广西老友玩有破解视频... 总算了解!广西老友玩有破解视频,we-poker辅助软件教程,玩家教程(有挂神器)是一款可以让一直输...
推荐十款!湖北卡五星如啊你就按... 推荐十款!湖北卡五星如啊你就按,wepoker怎么开辅助,可靠技巧(详细教程);湖北卡五星如啊你就按...
玩家必看教程!天天微友亲友圈辅... 玩家必看教程!天天微友亲友圈辅助器,wepoker软件安装包,软件教程(有挂技术);天天微友亲友圈辅...
研究成果!欢乐情怀辅助器,红龙... 研究成果!欢乐情怀辅助器,红龙poker作弊指令,分享教程(有挂存在)相信很多朋友都在电脑上玩过欢乐...