How Cypress Freezes CSS Animations And You Can Too

Let's take a web application with beautiful CSS animations showing time of day. Each click of the button sets a different CSS class which triggers CSS transitions.🖼 You can find the example application in the repo bahmutov/css-animation-cypress-example. It is based on this Codepen created by Olivia Ng.CSS AnimationsTo create the transitions, the application sets a different CSS class namepublic/script.js1234567891011121314$('.option').on('click', function () { $('.option').removeClass('active')...

Submit