TypeError:无法读取未定义的属性“keyPad”

Question

我对这个未定义的错误消息有问题：TypeError: Cannot read property 'keyPad' of undefined

我不知道如何解决这个错误。我做了什么不正确的，因为它不能读取财产？错误出现在下面的方法中

class logout extends BasePage {

  constructor() {
    super();
    this.inputField = Selector(
      '.form-input-field'
    );
  }
        

   async logoutProcess() {
      await t
      .click(this.inputField)
      .expect(this.numberKeypad.keyPad.visible)
      .ok({ timeout: 2000 });
        
        await this.numberKeypad.type('100');
        
        ...
    
      }
    
    }

我有basePage：

export class BasePage {
  numberKeyPad: NumberKeypadModel;
  constructor() {
    this.numberKeyPad = new NumberKeypadModel();
  }
}

最后，我使用了我试图调用的类型方法的NumberKeypadModel页面：

export class NumberKeypadModel {
  keyPad: Selector;
  constructor() {
    this.keyPad = Selector('.keypad').with({ timeout: 500 });
  }

  async type(num: string) {
    for (const char of [...num]) {
      await t.click(
        XPathSelector(
          `//div[@data-testid="keypad"]/button[.='${char}']`
        )
      );
      console.log(char);
    }
  }
}

Answer 1

资本化差额：

在你的课堂上是numberKeyPad

this.numberKeyPad = new NumberKeypadModel();

但是，您尝试访问numberKeypad。

.expect(this.numberKeypad.keyPad.visible)