如何在angular单元测试中模拟ControlContainer？

import { ControlContainer } from '@angular/forms';

export class MockControlContainer implements ControlContainer {
  formDirective: any;
  name: string;
  path: string[];

  // 模拟ControlContainer的方法和属性
  get(controlName: string): any {
    return null;
  }

  has(controlName: string): boolean {
    return false;
  }

  addControl(controlName: string, control: any): void {}

  removeControl(controlName: string): void {}

  getControl(controlName: string): any {
    return null;
  }

  getControls(): any[] {
    return [];
  }

  getFormGroup(): any {
    return null;
  }

  updateModel(_: any): void {}
}

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Component } from '@angular/core';
import { FormsModule, ReactiveFormsModule, ControlContainer } from '@angular/forms';
import { MockControlContainer } from './mock-control-container';

@Component({
  template: `
    <form>
      <input name="username" [(ngModel)]="username">
    </form>
  `,
})
class TestComponent {}

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [FormsModule, ReactiveFormsModule],
      declarations: [TestComponent],
      providers: [
        { provide: ControlContainer, useClass: MockControlContainer }
      ]
    }).compileComponents();
  });

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

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