Как строил фреймворк в Playwright?

При построении фреймворка на Playwright я обычно начинал с создания базовой структуры, которая включала:

• Конфигурацию тестового окружения (браузеры, таймауты, репортеры).
• Абстракции для работы с UI — Page Object Model (POM), где для каждой страницы или компонента создавал отдельный класс с методами взаимодействия.
• Утилиты для общих действий (логин, навигация, ожидания).
• Интеграцию с CI/CD для автоматического запуска тестов.

Пример простого Page Object:

import { Page } from 'playwright';

export class LoginPage {
  constructor(private page: Page) {}

  async navigate() {
    await this.page.goto('https://example.com/login');
  }

  async login(username: string, password: string) {
    await this.page.fill('#username', username);
    await this.page.fill('#password', password);
    await this.page.click('button[type=submit]');
  }
}

Такой подход позволяет легко расширять фреймворк, поддерживать тесты и переиспользовать код.