import { expect } from '@playwright/test';
import { CellPageObject } from '.';
import BasePage from '../../../Base';

export class CheckboxCellPageObject extends BasePage {
  readonly cell: CellPageObject;

  constructor(cell: CellPageObject) {
    super(cell.rootPage);
    this.cell = cell;
  }

  get({ index, columnHeader }: { index?: number; columnHeader: string }) {
    return this.cell.get({ index, columnHeader });
  }

  async click({ index, columnHeader }: { index?: number; columnHeader: string }) {
    return await this.get({ index, columnHeader }).locator('.nc-cell').click();
  }

  // async isChecked({ index, columnHeader }: { index?: number; columnHeader: string }) {
  //   return await this.get({ index, columnHeader }).locator('.nc-cell-hover-show').isVisible();
  // }

  async verifyChecked({ index, columnHeader }: { index?: number; columnHeader: string }) {
    await expect(this.get({ index, columnHeader }).locator('.nc-cell-hover-show')).not.toBeVisible();
  }

  async verifyUnchecked({ index, columnHeader }: { index?: number; columnHeader: string }) {
    await expect(this.get({ index, columnHeader }).locator('.nc-cell-hover-show')).toBeVisible();
  }
}