In our Cypress RealWorld App [https://github.com/cypress-io/cypress-realworld-app] we are using visual regression testing [https://on.cypress.io/visual-testing] to catch unintended style and layout changes. We are using the Percy.io [https://percy.io/] service, and you can see the screenshots at ht…
When Can The Test Navigate?
In this blog post I will show a test that appears simple, yet acts in surprisingly annoying and frustrating ways. We will slightly change the test to make it reliable and flake-free.…
Do Not Get Too Detached
When the Cypress Test Runner runs through the test's steps, the application can update itself, causing problems. Often a very frustrating problem our users encounter simply says cy... failed because the element has been detached from the DOM. You can see this error below and its explanation usin…
When Can The Test Log Out?
Recently, we released the Cypress Real World App [https://www.cypress.io/blog/2020/06/11/introducing-the-cypress-real-world-app/] - a modern web application with a full set of E2E and API tests showing the recommended best practices for writing tests. From the start, we had Linux continuous integra…
Working with Select elements and Select2 widgets in Cypress
This blog post shows how to control native <select> HTML elements from Cypress tests. We will also look at how to work with a very popular wrapper library called Select2, that supplants the native <select> elements with an additional HTML markup.…