Skip to main content

Accordion | Cypress | Test & QA

  • Accordion | Cypress | Test & QA

Código usado​

describe("Accordian", () => {
    beforeEach(() => {
      cy.visit(`${Cypress.env("demoQA")}/accordian`);
    });
    it("Default Accordion validation example", () => {
      cy.get("#section2Heading").click();
      //Checking if the first description was hidden correctly.
      cy.get("#section1Heading").next().should("have.css", "display", "none");
      //Checking if the second description is displayed
      cy.get("#section2Heading")
        .next()
        .should("have.css", "display", "block")
        .and("have.class", "show");
    });
  });

Estrutura do Cenário de Teste​

describe("Accordian", () => {
  beforeEach(() => {
    cy.visit(`${Cypress.env("demoQA")}/accordian`);
  });

Explicação:​

  • describe: agrupa testes relacionados ao componente Accordion
  • beforeEach: acessa a página do Accordion antes de cada teste
  • A página contém seções expansíveis que exibem ou ocultam conteúdo

Teste – Validação do Comportamento Padrão do Accordion​

it("Default Accordion validation example", () => {
  cy.get("#section2Heading").click();

Explicação:​

  • Seleciona o cabeçalho da segunda seção do accordion
  • Executa o clique para expandir essa seção

Validação da Seção Anterior (Oculta)​

//Checking if the first description was hidden correctly.
cy.get("#section1Heading").next().should("have.css", "display", "none");

Explicação:​

  • Seleciona o cabeçalho da primeira seção
  • .next(): acessa o conteúdo imediatamente após o cabeçalho
  • Valida que o conteúdo está oculto (display: none)
  • Confirma que apenas uma seção permanece aberta

Validação da Seção Atual (Visível)​

//Checking if the second description is displayed
cy.get("#section2Heading")
  .next()
  .should("have.css", "display", "block")
  .and("have.class", "show");

Explicação:​

  • Acessa o conteúdo da segunda seção

  • Valida que:

    • O conteúdo está visível (display: block)
    • A classe show está presente, indicando estado expandido