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

相关内容

热门资讯

研究成果作弊器!河洛杠次作弊器... 研究成果作弊器!河洛杠次作弊器AI工具,河洛杠次多功能一直是有作弊器工具1、在河洛杠次插件功能辅助器...
传递经验透视挂!紫峰台州麻将透... 传递经验透视挂!紫峰台州麻将透视挂AI方法,紫峰台州麻将多功能一贯是有透视挂方法1、每一步都需要思考...
热点讨论开挂!153棋牌开挂A... 热点讨论开挂!153棋牌开挂AI技巧,153棋牌多功能本来真的有开挂技巧热点讨论开挂!153棋牌开挂...
科技介绍作弊器!广西老友玩作弊... 科技介绍作弊器!广西老友玩作弊器AIapp,广西老友玩多功能竟然真的是有作弊器app1、广西老友玩模...
一分钟教会你辅助器!友空互娱辅... 一分钟教会你辅助器!友空互娱辅助器AI方法,友空互娱多功能其实存在有辅助器方法一分钟教会你辅助器!友...
必知教程开挂!七七娱乐开挂AI... 必知教程开挂!七七娱乐开挂AI插件,七七娱乐多功能一贯存在有开挂插件1、七七娱乐模拟器是什么优化,七...
我来教大家开挂!兴动游戏开挂A... 我来教大家开挂!兴动游戏开挂AI教程,兴动游戏多功能好像是真的有开挂教程1、玩家可以在兴动游戏透视最...
记者爆料辅助!玄龙大厅辅助AI... 记者爆料辅助!玄龙大厅辅助AI工具,玄龙大厅多功能原来真的是有辅助工具;运玄龙大厅辅助工具,进入游戏...
盘点几款辅助器!半岛辅助器AI... 盘点几款辅助器!半岛辅助器AI工具,半岛多功能都是真的有辅助器工具1、让任何用户在无需半岛安装教程第...
一分钟教你透视挂!和悦游戏透视... 一分钟教你透视挂!和悦游戏透视挂AI软件,和悦游戏多功能好像存在有透视挂软件一、和悦游戏可以开透视的...