chipgroupwithcategory.spec.ts

describe('Chip Group with Category Demo Test', () => {
  it('Navigate to demo section', () => {
    cy.visit('http://localhost:3000/');
    cy.get('#chipgroup-with-category-demo-nav-item-link').click();
    cy.url().should('eq', 'http://localhost:3000/chipgroup-with-category-demo-nav-link');
  });

  it('Verify delete button on first chip group', () => {
    const chipGroup = cy.get('.pf-c-chip-group').first();
    const chipGroupButton = chipGroup.get('#remove_group_pf-random-id-0');
    chipGroupButton.should('be.visible');
    chipGroupButton.click();
    chipGroup.should('not.exist');
  });

  it('Displays Tooltip', () => {
    cy.get('.pf-c-chip-group__label')
      .last()
      .then((tooltipLink: JQuery<HTMLHeadingElement>) => {
        cy.get('.pf-c-tooltip').should('not.exist');
        cy.wrap(tooltipLink)
          .trigger('mouseenter')
          .get('.pf-c-tooltip')
          .should('exist')
          .get('.pf-c-tooltip')
          .contains('Category 3 has a very long name');
      });
  });
});