如何在angular7中对包含@Input变量的组件进行单元测试？

在Angular 7中对包含@Input变量的组件进行单元测试的步骤如下：

首先，创建一个测试用例文件，命名为component.spec.ts，该文件应与要测试的组件文件位于同一目录下。
在测试用例文件中，导入所需的依赖项，包括要测试的组件、Angular的测试工具和其他必要的模块。
在测试用例文件中，创建一个describe块，用于描述要测试的组件。在该块中，创建一个beforeEach块，用于设置测试环境。
在beforeEach块中，创建一个TestBed.configureTestingModule块，用于配置测试模块。在该块中，导入要测试的组件，并使用providers属性提供任何必要的依赖项。
在beforeEach块中，使用TestBed.createComponent方法创建组件的实例，并将其赋值给一个变量。
在测试用例文件中，创建一个it块，用于编写具体的测试用例。在该块中，可以使用组件实例的属性和方法进行断言，以验证组件的行为是否符合预期。
对于包含@Input变量的组件，可以通过设置组件实例的@Input变量来模拟输入。例如，可以使用组件实例的input变量来设置@Input变量的值。
在测试用例中，可以使用fixture.detectChanges方法来触发变更检测，并确保组件的视图已更新。
最后，使用expect断言来验证组件的行为是否符合预期。

以下是一个示例测试用例的代码：

import { ComponentFixture, TestBed } 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();
  });

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

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

  it('should display input value', () => {
    component.input = 'Test Input';
    fixture.detectChanges();
    const element = fixture.nativeElement.querySelector('.input-value');
    expect(element.textContent).toContain('Test Input');
  });
});

在上面的示例中，我们首先导入了必要的依赖项，然后创建了一个describe块来描述要测试的组件。在beforeEach块中，我们使用TestBed.configureTestingModule方法配置了测试模块，并使用TestBed.createComponent方法创建了组件的实例。然后，我们编写了两个测试用例，一个是验证组件是否成功创建，另一个是验证输入值是否正确显示。