tablefavorites.spec.ts

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

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

  it('Check number of columns', () => {
    cy.get('thead > tr')
      .children()
      .should('have.length', 7);
  });

  it('Test favorites button', () => {
    cy.get('#favorites-button-1')
      .parent()
      .should('not.have.class', 'pf-m-favorited');

    cy.get('#favorites-button-1').click();

    cy.get('#favorites-button-1')
      .parent()
      .should('have.class', 'pf-m-favorited');

    cy.get('#favorites-button-1').click();

    cy.get('#favorites-button-1')
      .parent()
      .should('not.have.class', 'pf-m-favorited');
  });

  it('Sort favorites', () => {
    // initially not sorted
    cy.get('#favorites-button-0')
      .parent()
      .should('have.class', 'pf-m-favorited');
    cy.get('#favorites-button-1')
      .parent()
      .should('not.have.class', 'pf-m-favorited');
    cy.get('#favorites-button-2')
      .parent()
      .should('have.class', 'pf-m-favorited');

    // click fav sort icon
    cy.get('thead > tr')
      .children()
      .eq(1)
      .click();

    // sorted ascending (favorited items first)
    cy.get('#favorites-button-0')
      .parent()
      .should('have.class', 'pf-m-favorited');
    cy.get('#favorites-button-1')
      .parent()
      .should('have.class', 'pf-m-favorited');
    cy.get('#favorites-button-2')
      .parent()
      .should('not.have.class', 'pf-m-favorited');

    // sort again descending (favorited items last)
    cy.get('thead > tr')
      .children()
      .eq(1)
      .click();

    cy.get('#favorites-button-0')
      .parent()
      .should('not.have.class', 'pf-m-favorited');
    cy.get('#favorites-button-1')
      .parent()
      .should('have.class', 'pf-m-favorited');
    cy.get('#favorites-button-2')
      .parent()
      .should('have.class', 'pf-m-favorited');
  });
});