如何使用Karma/Jasmine为Angular 2 Reactive forms编写单元测试用例？

node -v
npm -v

npm install karma jasmine karma-jasmine karma-chrome-launcher --save-dev

npx karma init

files: [
  'node_modules/@angular/forms/bundles/forms.umd.js',
  'src/app/*.spec.ts'
]

import { TestBed, ComponentFixture } from '@angular/core/testing';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { MyFormComponent } from './my-form.component';

describe('MyFormComponent', () => {
  let component: MyFormComponent;
  let fixture: ComponentFixture<MyFormComponent>;

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

  beforeEach(() => {
    fixture = TestBed.createComponent(MyFormComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create the form', () => {
    expect(component.form).toBeTruthy();
  });

  it('should set the value of the input field', () => {
    const input = fixture.nativeElement.querySelector('input');
    input.value = 'Test';
    input.dispatchEvent(new Event('input'));
    expect(component.form.value.inputField).toEqual('Test');
  });
});

npx karma start