在 Angular ng 测试中调用服务的方法

问：

嗨，我是 Angular 的新手，我很难在我的单元测试脚本中解决这个问题。 我收到此错误“错误：预期已调用间谍createOperator。

你能给我一些关于如何正确做到这一点的建议吗？一些例子就可以了

顺便说一句，我的 angular 版本是 v16.14

单元测试：

describe('ComponentA', () => {
  let component: ComponentA;
  let fixture: ComponentFixture<ComponentA>;
  let ServiceA: ServiceA;
  let toast: ToastService;

  beforeEach(waitForAsync(() => {
    TestBed.configureTestingModule({
      declarations: [
        ComponentA
      ],
      imports: [
        TestingModule,
      ],
      providers: [
        {
          provide: MAT_DIALOG_DATA,
          useValue: {
            user: {},
            companyId: 1
          }
        },
        {
          provide: MatDialogRef,
          useValue: {
            close: () => of(true)
          }
        }
      ],
      schemas: [NO_ERRORS_SCHEMA]
    })
    .compileComponents();

    fixture = TestBed.createComponent(ComponentA);
    component = fixture.componentInstance;
    ServiceA = TestBed.inject(ServiceA);
    el = fixture.debugElement;
    toast = TestBed.inject(ToastService);
  }));

  fit('should create operator', () => {
    component.data.user = null;
    component.user = null;

    fixture.detectChanges();

    const payload = {
      user: {
        first_name: 'Test',
        last_name: 'Tester', 
        email: '[email protected]',
      },
      roles: [
        [['operator'],],
      ]
    };

    component.userForm.patchValue(payload);

    const response = {
      status: 'success',
      code: 201,
      message: 'Successfully Created a Operator!'
    };
    
    spyOn(ServiceA, 'createOperator').withArgs(payload).and.returnValue(of(response));
    const submitSpy = spyOn(component, 'onSubmit').and.callThrough();
    const toastSpy = spyOn(toast, 'notifyAction')
      .and
      .callThrough();

    fixture.detectChanges();
    component.onSubmit();

    
    expect(ServiceA.createOperator).toHaveBeenCalled();
    expect(component.onSubmit).toHaveBeenCalled();
    expect(toastSpy).toHaveBeenCalled();
  });

});

元件：

onSubmit(): any {
  if (this.userForm.invalid) {
    return;
  }

  this.loading = true;
  const values = this.userForm.value;

  if (this.user?.id) {

    const payload = {
      user: {
        email: values.email,
      },
    };

    return this._applyService
      .updateOperatorUser(this.user.id, payload)
      .pipe(takeUntil(this._subscription))
      .subscribe(
        (res: BasicResponse) => this.onSuccess(res),
        (err: BasicResponse) => this.onError(err)
      );
  }

  const payload = {
    user: {
      first_name: values.first_name,
      last_name: values.last_name,
      email: values.email,
    },
    roles: [
      values.role
    ]
  };

  return this._applyService
    .createOperator(payload)
    .pipe(takeUntil(this._subscription))
    .subscribe(
      (res: BasicResponse) => this.onSuccess(res),
      (err: BasicResponse) => this.onError(err)
    );
}

感谢您的帮助！