Cypress.io How to handle async code

by

Your problem stems from the fact that cypress commands are not promises, although behaving like promises.

I can think of two options:

  • Try to refactor your test code to not use async/await, as these commands don’t behave as expected when running your code on cypress (check this bug). Cypress already has a whole way of dealing with async code as it creates a command queue that always run sequentially and in the expected order. That means you could observe the effects of your async code to validate that it happened before moving forward on your test. For instance, if User.createUserOnServer must wait a successful API call, add code to your test that will wait for the request to complete, using cy.server(), cy.route() and cy.wait(), like below:

    cy.server();
cy.route('POST', '/users/').as('createUser');
// do something to trigger your request here, like user.createOnServer()
cy.wait('@createUser', { timeout: 10000});

  • Use another third-party library that changes how cypress works with async/await, like cypress-promise. This lib may help you to treat cypress commands as promises that you can await in your before code (read more about it in this article).

More Related Contents:

  1. Can I fire and forget a promise in nodejs (ES7)?
  2. How can I use async/await at the top level?
  3. How to wait for a JavaScript Promise to resolve before resuming function?
  4. Limited parallelism with async/await in Typescript/ES7
  5. How to async await in react render function?
  6. Await is a reserved word error inside async function
  7. Using await outside of an async function
  8. for await of VS Promise.all
  9. Using filesystem in node.js with async / await
  10. Using async/await inside a React functional component
  11. Jest: Timer and Promise don’t work well. (setTimeout and async function)
  12. How to use ES8 async/await with streams?
  13. Can Protractor and Karma be used together?
  14. How to return an Ajax result using async/await? [duplicate]
  15. Will async/await block a thread node.js
  16. How can I write a test which expects an ‘Error’ to be thrown in Jasmine?
  17. Non-angular page opened after a click
  18. Cypress: Test if element does not exist
  19. Simulate drop file event
  20. async/await inside arrow functions (Array#map/filter)
  21. Wait promise inside for loop
  22. Simulate a button click in Jest
  23. Node.js mongodb driver async/await queries
  24. ES2017 – Async vs. Yield
  25. Accessing Angular inside Protractor Test
  26. Async Await map not awaiting async function to complete inside map function before mapping next item
  27. Using “await” inside non-async function
  28. How can I Interleave / merge async iterables?
  29. Is it possible to put test files under pages directory in Next.js?
  30. Intercept the same API call multiple times in Cypress

Leave a Comment