Being able to test components and web-apps developed with React is an increasingly important requirement for a front-end developer. There are tools and libraries that simplify the testing process but the learning curve can seem daunting.
"What’s the right way to start testing my web applications?"
"It’s unclear what I'm supposed to test (and what not) and how to do it"
"My current tests fail all the time and don't help me preventing new bugs"
Does this sound familiar?
This course aims to provide basic information, principles and experience-based advices, to enter the world of testing methodologies.
Testing your own web applications is much easier and more profitable than you might think. Even if some advances concepts and benefits may only become evident in the medium to long run this course serves the purpose to overcome the initial obstacles and understand how to take actions and leverage the benefits of testing immediatetely .
During the day, we will see all the useful tests for a web-app developed with React, dealing with the typical cases we encounter on a daily basis. During this course we will teach you:
- The basics and advantages of the main testing techniques applied to React
- How to test your React components productively
- The best practices to follow to write useful and lasting tests
- How to test different user flows without a working back-end
- How to write effective end-to-end tests (E2E)
- How to integrate tests into development and Continuous Integration pipelines
We are going to use Jest, React Testing Library, Cypress and all their useful plugins to increase our daily productivity and test reliability. We will alternate theoretical explanations with live coding sessions, at the end of the course the source code of all the exercises, the material used for explanations, and other in-depth materials will be made available.
- Test panorama
- What is an E2E test
- Cypress as your main development browser
- Best practices
- Why the tests must be as simple as possible
- Usefulness for all the team members
- Cypres advanced use
- Visual Regression Testing for the whole web app
- Continuous Integration
- Jest fundamentals
- The many wait to test React
- Intro to React testing
- React Testing Library
This course is for all the developers who have already worked with React but have not yet started, or have not yet succeeded in testing their React web applications. At the end of the course, you will be able to apply the fundamental principles of the test methodologies to understand what and how to test effectively.
To participate it is necessary, or at least strongly recommended, that you already know the basic concepts behind React: JSX, the components, and their status, lifecycle events, user interaction management.