Angular 6单元测试:在响应式表单中更改pristine
创始人
2024-10-16 07:00:38
0

在Angular 6中,可以使用FormControlmarkAsDirty()方法来更改响应式表单中的pristine状态。下面是一个示例代码:

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule, FormControl } from '@angular/forms';

describe('YourComponent', () => {
  let component: YourComponent;
  let fixture: ComponentFixture;
  let formControl: FormControl;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [ReactiveFormsModule],
      declarations: [YourComponent]
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(YourComponent);
    component = fixture.componentInstance;
    formControl = new FormControl();
    component.yourFormControl = formControl;
    fixture.detectChanges();
  });

  it('should mark form control as dirty', () => {
    expect(formControl.pristine).toBe(true);
    component.changeFormControl();
    expect(formControl.pristine).toBe(false);
  });
});

在上面的示例中,我们使用ReactiveFormsModule导入响应式表单模块,并创建了一个FormControl实例。然后,我们将这个FormControl实例分配给组件的一个变量yourFormControl。在测试用例中,我们首先断言formControl.pristinetrue,然后调用组件的changeFormControl()方法,该方法在内部会调用yourFormControl.markAsDirty()。最后,我们再次断言formControl.pristinefalse来验证pristine状态已经更改。

请注意,YourComponentchangeFormControl()是示例代码中的占位符,你需要将它们替换为你的实际组件和方法。

相关内容

热门资讯

第1分钟辅助!拱趴大菠萝挂怎么... 第1分钟辅助!拱趴大菠萝挂怎么安装,wpk作弊,机巧教程(有挂讲解)1、金币登录送、破产送、升级送、...
六分钟辅助!wepoker私人... 六分钟辅助!wepoker私人局可以透视,德普之星透视辅助软件激活码,教材教程(有挂教程)1)德普之...
第二分钟辅助!wepoker好... 第二分钟辅助!wepoker好友助力码,wepoker透视辅助下载,指引教程(有挂助手)1、wepo...
六分钟辅助!wpk模拟器,hh... 六分钟辅助!wpk模拟器,hhpoker的辅助是真的吗,策略教程(新版有挂)1、hhpoker的辅助...
9分钟辅助!微扑克微乐辅助,w... 9分钟辅助!微扑克微乐辅助,wepoker私人局辅助器怎么用,指引教程(有挂方略)1、用户打开应用后...
第1分钟辅助!wepoker免... 第1分钟辅助!wepoker免费脚本咨询,hhpoker有没有作弊挂,举措教程(有挂实锤)1、起透看...
第十分钟辅助!cloudpok... 第十分钟辅助!cloudpoker作弊,wepoker模拟器哪个好用,大纲教程(了解有挂)1.wep...
第5分钟辅助!fishpoke... 第5分钟辅助!fishpoker透视,epoker透视,妙招教程(真是有挂)1、金币登录送、破产送、...
第九分钟辅助!wpk有那种辅助... 第九分钟辅助!wpk有那种辅助吗,wepoker私人局规律,窍门教程(有挂教学)亲,关键说明,wep...
第2分钟辅助!wepoker私... 第2分钟辅助!wepoker私人局辅助,wepoker作弊视频,举措教程(有挂技巧)1、第2分钟辅助...