Question

我想测试我的customForm组件，该组件使用另一个库中的组件。首先，我想测试我的组件是否初始化了嵌套库组件。让我举个例子：

 @Component({
  selector: 'iris-field-editor',
  template `<span>SomeMarkup</span><editorLibrary [init]="init">` ,
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => IrisFieldEditorComponent),
      multi: true
    }
  ],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class IrisFieldEditorComponent implements OnInit, 
ControlValueAccessor {

  constructor() {
  }

  ngOnInit() {
    this.init = {
      height: '20px',
      autoresize_min_height: '20px',
      autoresize_max_height: '600px',
      someOtherSettings,
      setup: (editor) => {
        editor.on('focus',  (e) => {
           //dom manipulation logic
        });

        editor.on('blur', (e) => {
          //dom manipulation logic
        });
      }
    }
  }
}

我尝试使用spyOn(component.init,'setup'); expect(component.init.setup).toHaveBeenCalled()，但得到了 error: <spyOn> : setup() method does not exist。如何测试稍后在ngOnInit中初始化的方法？

我还想测试setup.on在设置功能中的功能，所以我几乎没有建议我该怎么做？

Answer 1

要视情况而定。

如果ngOnInit中的逻辑会导致我的被测单位必须追究其责任，那么我将在行动前致电ngOnInit来安排我的测试用例。但这当然会使他们依赖。 ngOnInit中的任何更改也会影响此被测单元。

所以，我希望您的被测设备不在乎ngOnInit的工作，而只与this.init.setup进行交互。在这种情况下，我将通过jasmine.createSpyObj创建一个间谍对象，或者简单地模拟this.init.setup并对其进行监视。

it('call setup', () => {
  // with mock function then spy on
  comp.init = { setup: () => {} };
  spyOn(comp.init, 'setup');

  comp.myUnitUnderTest(); // or some kind of actions

  expect(comp.init.setup).toHaveBeenCalled();
});

想窥探在onInit方法中初始化的方法

1 个答案: