茉莉二传手方法模拟不起作用

Question

component.ts

fillformdata(): void {
    if (this.mark === false) {
      var jsoncontent = {
        ipaddr: (this.noip == false) ? this.ipinput : this.ipadd,
        host: (this.noip == false) ? this.hostinput : this.host,
        username: this.usernamevalue,
        password: this.passwordvalue
      };
      this.deployt.setuserinputs(jsoncontent);
    } else {

    }
  }

在上述方法中，我尝试将表单数据设置为setuserinputs，这是 n depoyClass 文件

component.spec.ts

it('should call fillformdata', () => {
    var jsoncontent = {
      ipadd:"127.0.0.1",
      host:"host1",
      username:"admin",
      password:"admin"
    };
    let response = component.fillformdata(); 
    const deploy =  new deploymentdetails();
    const spiez = spyOnProperty(deploy, 'setuserinputs', 'set');
    deployinput.userinputs = [jsoncontent];
    expect(spiez).toHaveBeenCalled();
    expect(response).not.toBeNull();
  });

当我执行ng test 失败时。显示以下错误

Error: <spyOnProperty> : Property setuserinputs does not have access type set
        Usage: spyOnProperty(<object>, <propName>, [accessType])
            at <Jasmine>

我关注了下面的堆栈链接（第二个答案） How do I spyOn Typescript getters and setters?

Answer 1

看起来你想监视组件的部署变量。

it('should call fillformdata', () => {
    var jsoncontent = { ... };
    let response = component.fillformdata(); 

    // Spy on component.deployt
    const spiez = spyOn(component.deployt, 'setuserinputs');

    deployinput.userinputs = [jsoncontent];
    expect(spiez).toHaveBeenCalled();
    expect(response).not.toBeNull();
  });