柏树中的Getters vs功能：您需要知道的最佳实践

class loginpage {
  get usernamefield() {
    //cypress does not return an element immediately:
    return cy.get('#username'); 
  }
}

class loginpage {
  usernamefield() {
    return cy.get('#username');
  }

  passwordfield() {
    return cy.get('#password');
  }

  loginbutton() {
    return cy.get('#login');
  }
}

const loginpage = new loginpage();
loginpage.usernamefield().type('testuser');
loginpage.passwordfield().type('password');
loginpage.loginbutton().click();

class loginpage {
  usernamefield() {
    //works without return:
    cy.get('#username').type("123");
  }
}

// option 1:
loginpage.usernamefield().clear().type("testuser")

// option 2:
loginpage.enterusername("testuser")

class loginpage {
  get usernamefield() {
    //this will work but unnecessary complexity:
    return () => cy.get('#username'); 
  }
}

loginPage.usernameField().type('testuser');