text: const URL = "/Clase11.html"
  const CUADROS_TABLERO = 12
  
  context("Clase11", () => {
     
      before(() => {
          cy.visit(URL);//Anda a visitar esta pagina
      });
      
      describe("Juega al Memoverga", () => {
          
          
          it('Verfica que haya un tablero con 12 cuadros', () => {
            cy.get('#tablero').find('.cuadro').should('have.length', CUADROS_TABLERO);
          });
  
          it('Verifica que los cuadros sean aleatorios'), () => {
              
              let primerosCuadros = [];
              cy.get('.cuadro').then((cuadros) => {
                  cuadros.each((i, cuadro) => {
                      primerosCuadros.push(cuadro.className);
                  })
              })
              
              cy.visit(URL);
              
              let segundosCuadros = [];
              cy.get('.cuadro').then((nuevosCuadros) => {
                  nuevosCuadros.each((i, cuadro) => {
                      segundosCuadros.push(cuadro.className);
                  });
              });
              
              cy.wrap(primerosCuadros).should('not.deep.equal', segundosCuadros)
          }
      });
      describe("Resuelve el juego", () => {
          let mapaDePares, listaDePares;
          it("elige una combinacion erronea", () => {
              cy.get(".cuadro").then(cuadros => {
                  mapaDePares = obtenerParesDeCuadros(cuadros);
                  listaDePares = Object.values(mapaDePares);
  
                  cy.get(listaDePares[0][0]).click();
                  cy.get(listaDePares[1][0]).click();
  
                  cy.get(".cuadro").should("have.length",CUADROS_TABLERO);
              })
          })
          it("resuelve el juego", () => {
              cy.get(".cuadro").should("have.length",CUADROS_TABLERO);
  
              listaDePares.forEach((par) => {
                  cy.get(par[0]).click();
                  cy.get(par[1]).click();
              });
          })
      })
  }
  );
  
  function obtenerParesDeCuadros(cuadros){
      const pares = {}
  
      cuadros.each((i, cuadro) => {
          const classColor = cuadro.className.replace('cuadro h-100', '')
          if (pares[classColor]){
              pares[classColor].push(cuadro);
          } else {
              pares[classColor] = [cuadro];//Crea un array y hace un push de cuadro
          }
      });
  
      return pares;
  }