如何在Cypress中使用页面对象模型中的选择器和方法？

// LoginPage.js - 登录页面的页面对象模型

class LoginPage {
  constructor() {
    this.usernameInput = '[data-testid="username-input"]';
    this.passwordInput = '[data-testid="password-input"]';
    this.loginButton = '[data-testid="login-button"]';
  }

  enterUsername(username) {
    cy.get(this.usernameInput).type(username);
  }

  enterPassword(password) {
    cy.get(this.passwordInput).type(password);
  }

  clickLoginButton() {
    cy.get(this.loginButton).click();
  }
}

// login.spec.js - 登录测试用例

describe('Login', () => {
  const loginPage = new LoginPage();

  beforeEach(() => {
    cy.visit('/login');
  });

  it('should login successfully', () => {
    loginPage.enterUsername('testuser');
    loginPage.enterPassword('password');
    loginPage.clickLoginButton();

    // 断言登录成功后的操作
  });
});