tablesimple.spec.ts

describe('Table Simple Test', () => {
  it('Navigate to demo section', () => {
    cy.visit('http://localhost:3000/table-simple-demo-nav-link');
  });

  it('Verify table string', () => {
    cy.get('caption').contains('Simple Table');
  });

  it('Check number of rows', () => {
    cy.get('.pf-v5-c-table').find('tr').should('have.length', 4);
  });

  it('Check number of columns', () => {
    cy.get('thead').find('th').should('have.length', 5);
  });

  it('Verify tooltip info', () => {
    // there should be two header cells with tooltip and popover info respectively
    cy.get('.pf-v5-c-table__column-help-action').should('have.length', 2);
    // tooltip shouldn't exist yet
    cy.get('.pf-v5-c-tooltip').should('not.exist');
    // trigger tooltip
    cy.get('.pf-v5-c-table__column-help-action').first().click();
    cy.get('.pf-v5-c-tooltip').should('exist');
  });

  it('Verify popover info', () => {
    // there should be two header cells with tooltip and popover info respectively
    cy.get('.pf-v5-c-table__column-help-action').should('have.length', 2);
    // popover shouldn't exist yet
    cy.get('.pf-v5-c-popover').should('not.exist');
    // trigger popover
    cy.get('.pf-v5-c-table__column-help-action').eq(1).click();
    cy.get('.pf-v5-c-popover').should('exist');
  });
});