Angular 2+中带参数的单元测试指令

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

// 导入要测试的指令
import { MyDirective } from './my.directive';

// 创建一个测试组件
@Component({
  template: `
    <div myDirective [myParam]="paramValue"></div>
  `
})
class TestComponent {
  paramValue: string;
}

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

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [TestComponent, MyDirective]
    });

    fixture = TestBed.createComponent(TestComponent);
    component = fixture.componentInstance;
    directiveElement = fixture.debugElement.query(By.directive(MyDirective));
  });

  it('should create an instance', () => {
    expect(directiveElement).toBeTruthy();
  });

  it('should pass the parameter to the directive', () => {
    const directiveInstance = directiveElement.injector.get(MyDirective);
    component.paramValue = 'test value';
    fixture.detectChanges();
    expect(directiveInstance.myParam).toBe('test value');
  });
});