Как реализовать Page Object в Playwright?

Question

Accepted Answer

Page Object — класс/модуль, принимающий `Page`, инкапсулирующий локаторы и действия; тест вызывает бизнес-методы и держит assertions снаружи или в тонких методах verify.

## Разбор

- Локаторы как поля `this.submit = page.getByRole(...)` — ленивые Locator.
- Не храните ElementHandle без нужды — Locator предпочтительнее.
- Композиция fragments для хедера/модалок.
- Fixture может отдавать уже сконструированный page object.

## Пример

```ts
export class CartPage {
  readonly checkout: Locator;
  constructor(private page: Page) {
    this.checkout = page.getByRole('button', { name: 'Checkout' });
  }
  async open() {
    await this.page.goto('/cart');
  }
}
```

## Итог

POM в Playwright строится на Locator API и тонких действиях без лишних wait в каждом методе.