如何在Angular组件的单元测试中提供ControlContainer？

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { Component, DebugElement } from '@angular/core';
import { FormsModule, ReactiveFormsModule, ControlContainer } from '@angular/forms';
import { By } from '@angular/platform-browser';

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

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

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

  beforeEach(() => {
    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    inputEl = fixture.debugElement.query(By.css('input'));
    fixture.detectChanges();
  });

  it('should bind input value', () => {
    component.username = 'John';
    fixture.detectChanges();
    expect(inputEl.nativeElement.value).toBe('John');
  });
});