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
Very informative blog article. Thanks Again. Keep writing.
for sure informative. I learned a lot today about react:-)