茉莉花，角 - 如何测试特性主张？

Question

茉莉花 - Angular

这是正在测试的组件的一部分（测试ThisingThisComppnent）：

import { ThatComponent } from '.../shared/components';

export class TestingThisComppnent {
  (...)

  @ViewChild('child', { static: true })
  public map: GoogleMapComponent;

  public ngOnInit(): void { 
    (...)
    this.map.infoWindowComponent = ThatComponent;
  }
}

GoogleMapComponent：

export class GoogleMapComponent implements OnInit, OnDestroy, OnChanges {
 (...)
  @Input()
  public infoWindowComponent: any;
 (...)
}

如何测试这一行？ -

this.map.infoWindowComponent = WorkItemInfoWindowComponent;

我们不是在项目中使用componentFixture，而是通过“ new”创建组件类 -

    subject = new WorkItemLocationTabComponent(
      firstSpy,
      secondSpy,
      thirdSpy,
      fourthSpy
    );

我尝试了创建间谍 -

infoWindowComponentSpy = spyOnProperty(subject.map, 'infoWindowComponent');

但是（我猜）“ InfowindowComponent”是一个@input（），我正在得到一个错误，属性“没有访问类型get”，因此我添加了get（）和set（） -

    Object.defineProperty(subject.map, 'infoWindowComponent', {
      get: function () {
          return this.value;
      },
      set: function (val) {
        this.value = val;
        return this.value;
      },
    });

但是，由于abfiets.map.infowdowcomponent的登录，测试仍然不起作用，始终返回“未定义” 。

Answer 1

由于您不使用testbed，并且仅执行

subject = new WorkItemLocationTabComponent(
      firstSpy,
      secondSpy,
      thirdSpy,
      fourthSpy
    );

ViewChild将永远无法填充MAP变量。

尝试这样做：

it('sets the infoWindowComponent', () => {
  (subject.map as any) = { infoWindowComponent: null }
  subject.ngOnInit();
  expect((subject.map as any).infoWindowComponent).not.toBeNull();
});