React Testing - Code and Test 3 React Web Apps

Code and test 3 ReactJs web applications using Cypress, WebDriverIO, HappoIO
Free tutorial
Rating: 4.1 out of 5 (26 ratings)
4,839 students
1hr 59min of on-demand video
English [Auto]

Code A Simple React App
Visual Testing And Deploy To Microsoft Azure
Create A Birthday Reminder React Application with Full Testing
Build & Test A Dev Portfolio Website


  • Knowledge of JavaScript
  • Knowledge of HTML and CSS
  • Basic understanding of React


In this 3-part video tutorial, we will train you on how to code and test 3 beautiful ReactJS web applications even without React App testing experience.

You’ll Learn:

Creating A React App and Deploy to Microsoft Azure

  • Creating a React App

  • Running First Test

  • Creating a Pipeline

  • Add a Link Test

  • Add Visual Testing

  • Making an Image Change

  • Releasing to Azure Static Web Apps

  • Creating CI for Production Testing

  • Finalizing Production Build for CI

Birthday Reminder React App with Full Testing

  • Birthday Reminder Project Setup

  • Static UI Created

  • List Component

  • onClick() Implemented

  • What is Our Testing Strategy

  • Installing WDIO

  • Run WDIO Test

  • Visual e2e Testing

  • Conclusion

Build & Test A Portfolio Website

  • Website Overview

  • Source Code Overview

  • Code Header Overview

  • Testing Strategy for Header

  • Visual E2E Tests with Happo

  • E2E Cypress Tests

  • Hero Section

  • Projects Section

  • Jest Snapshot Tests

Ready to start? Check out the full curriculum and jump into the tutorial.

What our students are saying?

"I appreciate the time the instructor put on this course as well as the opportunity to get familiar with TestProject free of charge. Well explained, however, if you are using Windows and you are new in Automation Testing, you might find it a bit challenging with adding the SDK Token in your system environment since the instruction used MAC which is completely a different way with windows. Other than that... I appreciate a lot this free course .... thank you so much"

Wonderful content and things explained in a nutshell. Overwhelmed by Author's dedication to putting things in such a way that any novice or manual tester can follow and understand and definitely be on-boarded as a Selenium Automation Engineer the next day at work. Thanks a million times for creating these courses! One Stop for Automation."- Rupashree Geethaaviji Ananthakrishna

“I am familiar with Nikolay from a course I saw on TestAutomation and have the highest regard for him. Glad to see him on Udemy.” - Annamalai Viswanathan

Who this course is for:

  • Intermediate developers looking to learn how to test web applications


Principal solutions architect and passionate teacher
Nikolay Advolodkin
  • 4.3 Instructor Rating
  • 17,272 Reviews
  • 118,018 Students
  • 24 Courses

Nikolay Advolodkin is a prolific Automation Test & Quality Assurance Engineer. Currently, he is the CEO and Software Testing Instructor at Ultimate QA. He has been voted as one of 33 Test Automation Leaders to follow in 2017 by TechBeacon. He is also the #1 Selenium Webdriver instructor in the world as rated by Udemy.

He is a frequent Contributor for the blog, SimpleProgrammer and a speaker at Automation Guild 2017.When he isn’t immersed in the realm of coding and all-things QA, Nikolay Advolodkin enjoys self-improvement and aims to hone his vast skill set daily, all while teaching online students how to master automated software testing.

Top companies trust Udemy

Get your team access to Udemy's top 22,000+ courses