166 - 5 ways to Speed up Cypress automation tests

Changelog Lots of JavaScript package upgrades have been made to the frontend of howtocodewell.net including TailwindCSS, PostCSS, Webpack and Node itself. I’ve decided to use PostCSS over Less and I’m seeing much faster results when generating the CSS The plan for next week is to look at composer package upgrades as well as progressing with the staging deployment In my contracting space I have been doing a lot of PHP 5.6, 7.4 and Angular work News/Articles Being on call sucks by Bobbie Chen https://bobbiechen.com/blog/2022/7/20/being-on-call-sucks Testing links in Cypress by Filip Hric https://filiphric.com/testing-links-with-cypress Enabling typescript in Symfony Webpack encore https://symfony.com/doc/current/frontend/encore/typescript.html How to secure applications on Kubernetes (SSL TLS certificates) by AVM Consulting Blog https://medium.com/avmconsulting-blog/how-to-secure-applications-on-kubernetes-ssl-tls-certificates-8f7f5751d788 How to speed up Cypress automation tests by FeldsparTech https://www.feldspartech.com/post/how-to-speed-up-cypress-automation-tests How to speed up Cypress tests In general Discover how slow your tests are to start begin with Don’t speed up your tests if you don’t need too Work on the tests that take the longest. List all tests that take over x seconds/minutes and work on those A small improvement can give you big gains in the long run Only test what you need too and when you need too Cypress Group similar tests together into a single test Separate tests that don’t need state, change of state or require a fixed state Pay attention on the before and beforeEach hooks Disable the video and screenshot creation on automatic builds Enable video and screenshot creation on manual/nightly builds