pagemanagedsidebarclosed.spec.ts

describe('Page Managed Sidebar Closed Demo Test', () => {
  it('Navigate to page section', () => {
    cy.visit('http://localhost:3000/page-managed-sidebar-closed-demo-nav-link');
  });

  it('Test Page elements', () => {
    cy.get('#page-managed-sidebar-closed-demo').within(() => {
      cy.get('#nav-toggle').then((hamburgerIcon: JQuery<HTMLDivElement>) => {
        cy.get('.pf-c-page__sidebar.pf-m-collapsed').should('exist');
        cy.get('.pf-c-page__sidebar.pf-m-expanded').should('not.exist');
        cy.wrap(hamburgerIcon).click();
        cy.get('.pf-c-page__sidebar.pf-m-collapsed').should('not.exist');
        cy.get('.pf-c-page__sidebar.pf-m-expanded').should('exist');
      });
      cy.get('div[class="pf-c-page__header-brand-link"]')
        .invoke('text')
        .should('eq', "Logo that's a <div>");
      cy.get('.pf-c-page__header-tools')
        .invoke('text')
        .should('contain', 'PageHeaderTools | Avatar');
      cy.get('.pf-c-page__main-section.pf-m-dark-100').should('exist');
      cy.get('.pf-c-page__main-section.pf-m-dark-200').should('exist');
      cy.get('.pf-c-page__main-section.pf-m-light').should('exist');
    });
  });
});