Можете объяснить концепцию паттерна Page Object и его применение в автоматизации тестирования?

Паттерн Page Object — это шаблон проектирования в автоматизации тестирования, который предполагает создание отдельного объекта (класса или модуля) для каждой страницы или компонента веб-приложения.

Основная идея — инкапсулировать в этом объекте все элементы страницы и методы для взаимодействия с ними. Это повышает читаемость, повторное использование и поддержку тестов.

Например, вместо того чтобы в каждом тесте писать селекторы и действия напрямую, вы создаёте класс:

class LoginPage {
  constructor(driver) {
    this.driver = driver;
    this.usernameInput = '#username';
    this.passwordInput = '#password';
    this.loginButton = '#login';
  }

  async login(username, password) {
    await this.driver.type(this.usernameInput, username);
    await this.driver.type(this.passwordInput, password);
    await this.driver.click(this.loginButton);
  }
}

В тестах используете:

const loginPage = new LoginPage(driver);
await loginPage.login('user', 'pass');

Такой подход облегчает поддержку: если изменится структура страницы, нужно будет обновить только Page Object, а не все тесты.