How To Test A React Web App Workshop [2021]

In this workshop, weโ€™ll show you step-by-step how to test a react web app using NodeJs, Cypress, and WebDriverIO. No prior testing experience is necessary.๐Ÿ’ฏ

What You Will Learn From This Workshop:

โœ… Automated atomic test

โœ… Code automated atomic tests

โœ… Login without a UI using HTML web forms

โœ… Login without a UI using JWT

โœ… Write a component test

โœ… Add a test id to our web app

โœ… Test a link and a tab

โœ… Replace e2e tests with component tests

โœ… Visual e2e tests

โœ… Visual cross-browser tests

โœ… CICD with Github Actions

Table of Content: React Web App Testing Workshop

๐Ÿ“Œ Introduction to react testing tutorial

๐Ÿ“Œ React testing set up

๐Ÿ“Œ Definition of atomic test

๐Ÿ“Œ Automated atomic test

๐Ÿ“Œ React testing with WCypress: Getting started with Cypress

๐Ÿ“Œ Answer to atomic tests exercise

๐Ÿ“Œ Setting up for react testing HTML forms

๐Ÿ“Œ HTML web forms answers

๐Ÿ“Œ Testing JWT

๐Ÿ“Œ JWT Exercise Answer

๐Ÿ“Œ Testing a react web app

๐Ÿ“Œ Component tests

๐Ÿ“Œ Visual e2e testing

๐Ÿ“Œ React testing with WebDriverIO: Creating e2e testing with WebDriverIO

๐Ÿ“Œ Visual e2e exercise answer

๐Ÿ“Œ CIDC with a react app

๐Ÿ“Œ Conclusion

Watch FULL React Web App Testing Workshop Now! ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡

If you liked this tutorial then you might love the Modern React and NodeJS Development Course

  • Learn how to create Modern web applications as a full stack developer
  • Create a front-end, a web API, test and deploy the web apps, and so much more