React Day Berlin

React Day Berlin 2022

This workshop on designing effective tests with React Testing Library covers topics such as testing the contract and rendered UI, using the Screen API for text assertions, testing environment and accessibility, the benefits of test-driven development, choosing the right query method, confirming presence and absence of elements, testing external functions and mock functions, organizing tests and testing effects, mocking web service requests, testing asynchronous code, and testing the contract and conclusion.

React Testing Library is a great framework for React component tests because there are a lot of questions it answers for you, so you don’t need to worry about those questions. But that doesn’t mean testing is easy. There are still a lot of questions you have to figure out for yourself: How many component tests should you write vs end-to-end tests or lower-level unit tests? How can you test a certain line of code that is tricky to test? And what in the world are you supposed to do about that persistent act() warning? In this three-hour workshop we’ll introduce React Testing Library along with a mental model for how to think about designing your component tests. This mental model will help you see how to test each bit of logic, whether or not to mock dependencies, and will help improve the design of your components. You’ll walk away with the tools, techniques, and principles you need to implement low-cost, high-value component tests. Prerequisites:- Familiarity with building applications with React- Basic experience writing automated tests with Jest or another unit testing framework- You do not need any experience with React Testing Library- Machine setup: Node LTS, Yarn

#react testing library typescript