When it comes to the stage of adding tests to my project, I've thought a great deal about how to get the most bang for my buck. Test creation is a time consuming process and I don't want to get stuck at that stage for a long time.
I personally think that the best way to approach this is with E2E tests using visual comparison. Using this approach gives you the benefit of verifying that your application looks AND functions as it's supposed to while only writing a single test.
Read more about how I set this up
https://beckermanyaakov.medium.com/microsoft-playwright-for-cross-browser-e2e-tests-6945af62602e
I'd love to hear your approach towards testing in the comments.
If you enjoy these types of articles, follow me on twitter https://twitter.com/JacobBeckerman
With cypress you can do very nice e2e tests and have them executed in your pipeline in a headless browser :)
That's true, but Cypress doesn't support Safari. It also only uses synthetic events which can cause problems in certain cases.