¿Cómo puedo comprobar que este botón está deshabilitado?
<button _ngcontent-c8="" class="customButton" testid="save-button" type="submit"><span _ngcontent-c8="" class="textButtonForm"> Sauver </span></button>He probado:
cy.getBySel('save-button').should('have.attr', 'disabled') Even tested: cy.getBySel('save-button').should('be.disabled')tengo el error:
expected <button.customButton.formNotChanged> to have attribute disabled¿Algún consejo por favor?
Si así es como se ve el elemento en tiempo de ejecución, simplemente puede agregar los corchetes para que funcione.
cy.getBySel('save-button').should('have.attr', '[disabled]')Sin embargo, creo que está mostrando el código fuente, no el HTML en tiempo de ejecución .
Este [disabled]="myFormForm.invalid" dice que cada vez que el formulario no es válido, agregue el atributo disabled .
Por lo tanto, en su prueba debe hacer que el formulario no sea válido. Entonces ambos ejemplos de prueba que diste funcionarán.
Mire los otros campos en el formulario y vea qué validaciones están configuradas. Lo más simple sería una validación required : asegúrese de que el elemento esté vacío.