使用TestBed.CompileComponents().then()的最佳实践

import { TestBed, ComponentFixture } from '@angular/core/testing';
import { MyComponent } from './my.component';

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [MyComponent],
      // 导入相关的依赖模块和提供测试所需的服务
    }).compileComponents();

    await TestBed.compileComponents(); // 编译组件及其相关的模板和样式文件

    fixture = TestBed.createComponent(MyComponent); // 创建组件实例
    component = fixture.componentInstance;
  });

  it('should do something', () => {
    // 执行测试逻辑，访问组件的属性和方法，触发组件的事件等
    expect(component.someProperty).toBe('someValue');
    component.someMethod();
    fixture.detectChanges();
    expect(fixture.nativeElement.textContent).toContain('someText');
  });
});