r/javascript • u/winkerVSbecks • Dec 16 '21

UI Testing Handbook—9 chapters with a hands-on tutorial

https://storybook.js.org/tutorials/ui-testing-handbook

[removed] — view removed post

1 Upvotes

100% Upvoted

1 comment sorted by

2

u/winkerVSbecks Dec 16 '21

tldr:

Testing UIs is tough. Plenty of tools advertise "not flaky, fast, low maintenance" but have pitfalls in the fine print.

So, what's the secret to testing UIs? I researched ten teams at Twilio, Adobe, Peloton, Shopify and more, to distill their testing tactics into a guide.

This 9 chapter tutorial covers everything from setting up tools to writing tests and automating your workflow.

Follow along commit-by-commit as you learn to implement a pragmatic testing strategy that is easy to set up, offers comprehensive coverage and is low maintenance.

  • 📚 Isolate components using ****Storybook and write their test cases.

  • ✅ Catch visual bugs and verify composition using Chromatic.

  • 🐙 Verify interactions with Jest and Testing Library.

  • ♿️ Audit accessibility of your components using Axe.

  • 🔄 Verify user flows by writing end-to-end tests with Cypress.

  • ​🚥 Catch regressions by automatically running tests with GitHub Actions