CompleteStep.ts

import { expect, Page } from '@playwright/test';

import BasePageModel from '@/pages/BasePageModel';

import CompletePutawayTable from '../components/CompletePutawayTable';

class CompleteStep extends BasePageModel {
  table: CompletePutawayTable;

  constructor(page: Page) {
    super(page);
    this.table = new CompletePutawayTable(page);
  }

  async isLoaded() {
    await expect(this.table.table).toBeVisible();
  }

  get completePutawayButton() {
    return this.page.getByTestId('complete-putaway-button').nth(1);
  }

  get confirmPutawayDialog() {
    return this.page.locator('.react-confirm-alert');
  }

  get yesButtonOnConfirmPutawayDialog() {
    return this.confirmPutawayDialog.getByRole('button', {
      name: 'Yes',
      exact: true,
    });
  }

  get noButtonOnConfirmPutawayDialog() {
    return this.confirmPutawayDialog.getByRole('button', {
      name: 'No',
      exact: true,
    });
  }

  get editButton() {
    return this.page.getByTestId('edit-button').first();
  }
}

export default CompleteStep;