ReactDay 2022 - Unit testing

Transcript

1. Unit Testing React Day 2022
2. Ego Slide Luca Del Puppo (aka Puppo) Full-Stack Developer at Flowing a Claranet Italian Company @puppo92 https://www.linkedin.com/in/lucadelpuppo/ luca@delpuppo.net
3. The Test Pyramid
4. Jest vs React Testing Library (RTL)
5. Sporchiamoci le mani Example https://puppo.github.io/reactday-2022-workshop-testing/ Code https://github.com/Puppo/reactday-2022-workshop-testing
6. React Testing Library Selectors
7. Single Element Type of Query 0 Matches 1 Match >1 Matches Retry (Async/Await) getBy... Throw error Return element Throw error No queryBy... Return null Return element Throw error No findBy... Throw error Return element Throw error Yes
8. Multiple Elements Type of Query 0 Matches 1 Match >1 Matches Retry (Async/Await) getAllBy... Throw error Return array Return array No queryAllBy... Return [] Return array Return array No findAllBy... Throw error Return array Return array Yes
9. Query types - Queries Accessible to Everyone - getByRole - getByLabelText - getByPlaceholderText - getByText - getByDisplayValue - Semantic Queries - getByAltText (img, area, input) - getByTitle - Test IDs - getByTestId
10. Thanks!
11. Give me your feedback
12. Milano Frontend - 25 Ottobre 2022 Registrazione https://tinyurl.com/zawyva9z
13. NgRome - 02 Ottobre 2022 Sito https://t.co/7Z4wXMapva Coupon (-15%) LucaCarbonara22