时间戳

首页 > 解决方案 > TypeError：无法读取未定义的属性“prod_id”

angular - TypeError：无法读取未定义的属性“prod_id”

问题描述

请问我有问题。我需要测试如下代码的函数：

  populateForm() {
    this.activatedRoute.params.subscribe(
      params => {
        this.ws.getbyid(params['id']).subscribe(
          prod=> {
            this.prod= prod;
          this.editprodForm.controls['prodnr'].setValue(prod.prodnr);
            this.editprodForm.controls['proddesc'].setValue(prod.proddesc);
          }
        );
      }
    );
  }
  onupdatprod() {
    this.areWeWaiting = true;
    let updatprod= new Prod(
      this.editprodForm.value
    );
    updatprod.prod_id= this.prod.prod_id;

    this.ws.update(updatprod).subscribe(
      result => {
        if (result === true) {
          Materialize.toast('success', 4000);
        } else {
        }
      },
      error => {
      }
    );
  }

我的测试代码如下：

it('should call service.Updatewhen onupdateprod, Validation Error', done => {
    const mock = [];
    spyOn(component['as'], 'UpdateAlarms').and.callThrough()
    let updateprod = new Prod('1231');
    updateprod.prodnr= '4';
    updateprod.proddesc= 'UpdateTest';
    updateprod.prod_id= '1';
    component['ws'].update(updateprod ).subscribe(fail => {
        console.log('Validation Error')
        console.log(fail)
        expect(fail).toBeFalsy();
        done();
    });
    component.onupdatprod();
})

我的错误是：

TypeError：无法读取未定义的属性“prod_id”

这个错误可能是因为prod_id我从我调用 getbyid的函数中获取onupdatprod()updatprod.prod_id= this.prod.prod_id;

你能问我任何想法吗，如何阅读价值prod_id

谢谢

标签： angularunit-testingtypescripttestingjasmine

解决方案

您的方法onupdatprod参考this.prod：

updatprod.prod_id= this.prod.prod_id;

但是，this.prod在您的方法中定义populateForm：

this.prod= prod;

您的测试调用onupdatprod但不调用populateForm. 这意味着当onupdatprod尝试访问时this.prod，它是未定义的。

您需要populateForm在测试代码中调用以便this.prod定义。

推荐阅读