PromucFlow_constructor/app/client/cypress/support/Pages/Table.ts

import { ObjectsRegistry } from "../Objects/Registry"

export class Table {
  public agHelper = ObjectsRegistry.AggregateHelper
  public locator = ObjectsRegistry.CommonLocators

  private _tableWrap = "//div[@class='tableWrap']"
  private _tableHeader = this._tableWrap + "//div[@class='thead']//div[@class='tr'][1]"
  private _columnHeader = (columnName: string) => this._tableWrap + "//div[@class='thead']//div[@class='tr'][1]//div[@role='columnheader']//div[text()='" + columnName + "']/parent::div/parent::div"
  private _nextPage = ".t--widget-tablewidget .t--table-widget-next-page"
  private _previousPage = ".t--widget-tablewidget .t--table-widget-prev-page"
  private _pageNumber = ".t--widget-tablewidget .page-item"
  private _pageNumberServerSideOff = ".t--widget-tablewidget .t--table-widget-page-input input"
  _tableRowColumn = (rowNum: number, colNum: number) => `.t--widget-tablewidget .tbody .td[data-rowindex=${rowNum}][data-colindex=${colNum}] div div`
  _tableEmptyColumnData = `.t--widget-tablewidget .tbody .td` //selected-row
  _tableSelectedRow = this._tableWrap + "//div[contains(@class, 'tbody')]//div[contains(@class, 'selected-row')]/div"


  public WaitUntilTableLoad() {
    // cy.waitUntil(() => cy.xpath(this._table, { timeout: 80000 }).should('be.visible'),
    //   {
    //     errorMsg: "Element did not appear",
    //     timeout: 10000,
    //     interval: 2000
    //   }).then(() => this.agHelper.Sleep(500))

    // this.ReadTableRowColumnData(0, 0).then((cellData) => {
    //   expect(cellData).not.empty;
    // });

    cy.waitUntil(() => this.ReadTableRowColumnData(0, 0).then(cellData => expect(cellData).not.empty),
      {
        errorMsg: "Table is not populated",
        timeout: 10000,
        interval: 2000
      }).then(() => this.agHelper.Sleep(500))
  }

  public WaitForTableEmpty() {
    cy.waitUntil(() => cy.get(this._tableEmptyColumnData).children().should("have.length", 0),
      {
        errorMsg: "Table is populated when not expected",
        timeout: 10000,
        interval: 2000
      }).then(() => this.agHelper.Sleep(500))
  }

  public AssertTableHeaderOrder(expectedOrder: string) {
    cy.xpath(this._tableHeader).invoke("text").then((x) => {
      expect(x).to.eq(expectedOrder);
    });
  }

  public ReadTableRowColumnData(rowNum: number, colNum: number) {
    return cy.get(this._tableRowColumn(rowNum, colNum), { timeout: 80000 }).invoke("text");
  }

  public AssertHiddenColumns(columnNames: string[]) {
    columnNames.forEach($header => {
      cy.xpath(this._columnHeader($header))
        .invoke("attr", "class")
        .then((classes) => {
          expect(classes).includes("hidden-header");
        });
    })
  }

  public NavigateToNextPage() {
    let curPageNo: number;
    cy.get(this._pageNumber).invoke('text').then($currentPageNo =>
      curPageNo = Number($currentPageNo))
    cy.get(this._nextPage).click()
    cy.get(this._pageNumber).invoke('text').then($newPageNo =>
      expect(Number($newPageNo)).to.eq(curPageNo + 1))
  }

  public NavigateToPreviousPage() {
    let curPageNo: number;
    cy.get(this._pageNumber).invoke('text').then($currentPageNo =>
      curPageNo = Number($currentPageNo))
    cy.get(this._previousPage).click()
    cy.get(this._pageNumber).invoke('text').then($newPageNo =>
      expect(Number($newPageNo)).to.eq(curPageNo - 1))
  }

  public AssertPageNumber(pageNo: number, serverSide: 'Off' | 'On' = 'On') {
    if (serverSide == 'On')
      cy.get(this._pageNumber).should('have.text', Number(pageNo))
    else {
      cy.get(this._pageNumberServerSideOff).should('have.value', Number(pageNo))
      cy.get(this._previousPage).should("have.attr", 'disabled')
      cy.get(this._nextPage).should("have.attr", 'disabled')
    }
    if (pageNo == 1)
      cy.get(this._previousPage).should("have.attr", 'disabled')
  }

  public AssertSelectedRow(rowNum: number = 0) {
    cy.xpath(this._tableSelectedRow)
      .invoke("attr", "data-rowindex")
      .then($rowIndex => {
        expect(Number($rowIndex)).to.eq(rowNum);
      });
  }

}