Tengo un comando cypress personalizado que realiza algunas tareas asincrónicas y, según el resultado del comando, quiero realizar algunas afirmaciones.
Pero el problema es que las pruebas que vienen después de llamar al comando se ejecutarán antes de que finalice el comando o tendrán valores incorrectos.
a continuación está mi código
Dominio
Cypress.Commands.add("testCommand", () => { cy.request("http://localhost:3000/testApi").then(({ body }) => { cy.request(`http://localhost:3000/testApi${body.query}`).then(() => { console.log("success"); }); }); });prueba
describe("Summary Page", () => { it("my demo test", () => { console.log("before command runs"); cy.testCommand(); console.log("after command runs"); }); });Resultado actual
before command runs after command runs successresultado requerido
before command runs success after command runs como puede ver, la salida after command runs de que se ejecute el comando se ejecutará antes de que finalice el comando
¿Hay alguna forma de esperar a que se complete el comando antes de continuar con las pruebas?
Independientemente de si su comando personalizado devuelve o no una cadena de ciprés, puede ejecutar el código después del comando envolviéndolo en then devolución de llamada:
describe('Summary Page', () => { it('my demo test', () => { console.log('before command runs') cy.testCommand() cy.then(() => { console.log('after command runs') }) }) }) En cuanto al uso de async/await , Cypress de forma predeterminada no es compatible con async/await, vea este problema y la larga discusión que contiene.
Para reducir el número de devoluciones de llamada, puede probar las bibliotecas cypress-promise o cypress-thenify . Sin embargo, cada uno de ellos tiene sus propias limitaciones.
Se debe al hecho de que los comandos que no son de Cypress se ejecutan de forma asincrónica, lo que significa que no necesariamente ejecutará los comandos en la secuencia en la que se escriben. Para abordar esto, puede usar then() , algo como:
describe('Summary Page', () => { it('my demo test', () => { console.log('before command runs') cy.testCommand().then(() => { console.log('after command runs') }) }) })Si console.log() no es necesario, puede reemplazarlo con cy.log() , que se registrará en el corredor de prueba. De esa manera, puede reemplazar en las ubicaciones exactas sin alterar demasiado su código.
Dominio
Cypress.Commands.add("testCommand", () => { cy.request("http://localhost:3000/testApi").then(({ body }) => { cy.request(`http://localhost:3000/testApi${body.query}`).then(() => { // you may want to add some assertion here, maybe expected status code cy.log("success"); }); }); });prueba
describe("Summary Page", () => { it("my demo test", () => { cy.log("before command runs"); cy.testCommand(); cy.log("after command runs"); }); });