测试自定义字段控件组件时如何提供NgControl？

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { NgControl, FormsModule } from '@angular/forms';
import { MyCustomFieldComponent } from './my-custom-field.component';

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [FormsModule],
      declarations: [MyCustomFieldComponent],
      providers: [
        {
          provide: NgControl,
          useValue: {
            control: {
              value: '',
              setValue: () => {},
              patchValue: () => {},
              reset: () => {},
              valid: true,
              invalid: false,
              pending: false,
              disabled: false,
              enabled: true,
              errors: null,
              pristine: true,
              dirty: false,
              touched: false,
              untouched: true,
              statusChanges: null,
              valueChanges: null,
              registerOnChange: () => {},
              registerOnTouched: () => {},
              setDisabledState: () => {},
            },
          },
        },
      ],
    }).compileComponents();
  });

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

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