Estoy tratando de afirmar en un elemento para ver si la casilla de verificación está marcada o no. Encuentre la imagen a continuación:
Ahora, esta es la estructura dom para apuntar a este elemento:
<pds-radio class data-v-1234bb3c model="singleSelection" checked> #shadow-root (open) <div class="wrapper"> <div class="radio-wrapper"> <div class="radio-container"> <div class="radio active" tabindex="0"> ::beforeEn este momento, cuando hago clic en él, obtengo este atributo 'verificado' en 'pds-radio' y en la sombra, la clase se convierte en class="radio active" si no está marcada, es class="radio"
Realmente apreciaré su ayuda en esto. Gracias
Puede usar .shadow() para acceder al shadow DOM.
cy.get('pds-radio') .shadow() .find('.radio') .should('have.class', 'active') Alternativamente, podría incluir la opción includeShadowDom en el comando de find .