angular - 如何在茉莉花测试中获取事件发射器的参数

Question

我有一个单元测试如下

it('billing information is correct', () => {
    fixture.detectChanges();
    spyOn(component.myEventEmitter, 'emit').and.callThrough();
    component.form.controls['size'].setValue(12);
    fixture.detectChanges();
    **let args= component.myEventEmitter.emit.mostRecentCall **
    expect(args.billingSize).toEqual('30')
});

当大小发生变化时，myEventEmitter 会发出一个包含 billingSize 的大型 json 对象。我希望测试检查这个值是否符合预期。但看起来我不能在事件发射器上执行“mostRecentCall/calls”。有什么建议么？？

注意：我不想做

 expect(component.myEventEmitter.emit).toHaveBeenCalledWith(*dataExpected*);

因为 dataExpected 是一个大的 json 对象。我只关心一个领域。任何帮助将非常感激。

Answer 1

这应该有效。

it('billing information is correct', () => {
  fixture.detectChanges();
  spyOn(component.myEventEmitter, 'emit').and.callThrough();
  component.form.controls['size'].setValue(12);
  fixture.detectChanges();
  let arg: any = (component.myEventEmitter.emit as any).calls.mostRecent().args[0];
  expect(arg.billingSize).toEqual('30');
});

笔记：

 component.myEventEmitter.emit.calls.mostRecent() 

- 不会编译（错误：调用不存在于类型 ..'）所以将其键入“任何”并且应该可以工作。

Answer 2

你也可以使用

 expect(component.myEventEmitter.emit).toHaveBeenCalledWith('eventName', 
  jasmine.objectContaining(*dataExpected*)
);