cy.get('[data-ng-show="destact['dest'].length > 0"] > .checkbox-block > :nth-child(1) > .ng-binding').click()lo anterior es el camino a mi casilla de verificación. Como hay dos comillas simples, traté de concatenarlas también, pero no tuve suerte.
cy.get('[data-ng-show="destact['+'dest'+'].length > 0"] > .checkbox-block > :nth-child(1) > .ng-binding').click()Los back-ticks también son delimitadores válidos para el selector,
cy.get(`[data-ng-show="destact['dest'].length > 0"] > .checkbox-block > :nth-child(1) > .ng-binding`)Suponiendo que el selector [data-ng-show="destact['dest'].length > 0"] > .checkbox-block > :nth-child(1) > .ng-binding es un selector correcto, puede usar barra invertida para escapar de las comillas simples:
cy.get('[data-ng-show="destact[\'dest\'].length > 0"] > .checkbox-block > :nth-child(1) > .ng-binding').click()Parece que ocurren dos problemas al seleccionar este atributo con la expresión compleja
<div data-ng-show="destact['dest'].length > 0" ></div> Esto funcionará si solo hay un elemento con expresión que comienza con destact
cy.get("div[data-ng-show^=destact]") .should('have.attr', 'data-ng-show', "destact['dest'].length > 0") .find('.checkbox-block > :nth-child(1) > .ng-binding') Si hay más de un elemento seleccionado por cy.get("div[data-ng-show^=destact]") , puede agregar un filtro para la expresión exacta
cy.get("div[data-ng-show^=destact]") .filter((i, el) => { return Cypress.$(el).attr('data-ng-show') === "destact['dest'].length > 0" }) .find('.checkbox-block > :nth-child(1) > .ng-binding')