import type { Page } from "@playwright/test";

export class AttributeDetailPage {
  private page: Page;
  constructor(page: Page) {
    this.page = page;
  }

  async goto(id: string) {
    await this.page.goto(`/product/attribute/${id}`);
  }

  get heading() {
    return this.page.getByRole("heading", { name: /attribute detail/i });
  }

  get editButton() {
    return this.page.getByRole("button", { name: /edit attribute/i });
  }

  get deleteButton() {
    return this.page.getByRole("button", { name: /delete/i });
  }
}
