React Testing - Code and Test 3 React Web Apps

Code and test 3 ReactJs web applications using Cypress, WebDriverIO, HappoIO
3.93 (35 reviews)
Udemy
platform
English
language
Web Development
category
React Testing - Code and Test 3 React Web Apps
5 610
students
2 hours
content
Jun 2022
last update
FREE
regular price

Why take this course?

🌟 React Testing - Code and Test 3 React Web Applications using Cypress, WebDriverIO, HappoIO 🌟


Course Overview:

In this comprehensive 3-part video tutorial series, we'll guide you through the process of coding and testing three visually appealing ReactJS web applications. Whether you're new to React App testing or an experienced developer looking to expand your skillset, this course is designed to equip you with the necessary tools and knowledge.


What You Will Learn:

1. Creating A React App and Deploy to Microsoft Azure 🚀

  • Setting Up Your First React App - Dive into the basics of creating a new React application.
    • Creating a React App
    • Running First Test
    • Setting Up a CI Pipeline
    • Adding Link Testing
    • Implementing Visual Testing
    • Making Image Changes for Deployment
  • Deploying to Azure Static Web Apps - Learn how to release your app to Azure.
    • Creating CI for Production Testing
    • Finalizing the Production Build for Continuous Integration

2. Birthday Reminder React App with Full Testing 🎂

  • Project Setup and UI Development - Bring a birthday reminder application to life.
    • Setting Up the Project
    • Crafting the Static UI
    • Building the List Component
    • Implementing onClick() Functionality
    • Strategizing Your Testing Approach
    • Installing WebDriverIO (WDIO)
    • Running WDIO Tests
    • Conducting Visual e2e Testing
    • Wrapping Up

3. Build & Test A Portfolio Website 🖥️

  • Understanding the Application - Explore the structure and codebase of a portfolio website.
    • Overview of the Website and Source Code
    • Examining the Code Header
    • Developing a Testing Strategy for the Header
    • Implementing Visual E2E Tests with Happo
    • Writing E2E Cypress Tests
    • Crafting the Hero Section
    • Populating and Testing the Projects Section
    • Utilizing Jest Snapshot Tests for Efficiency

Course Format:

The course is structured to take you through each step of developing and testing a ReactJS application, culminating in three fully functional and tested web applications. With a focus on practical application, you'll gain hands-on experience with the following tools:

  • Cypress for end-to-end testing
  • WebDriverIO (WDIO) for browser automation
  • Happo for visual regression testing

Student Testimonials:

"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 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!" - A Grateful Learner

“Wonderful content and things explained in a nutshell. Overwhelmed by the 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


Ready to embark on your React testing journey? 🚀👨‍💻💼 Dive into the full curriculum and take the first step towards mastering ReactJS application development and testing. With this course, you'll be equipped with the skills to ensure your applications are both functional and reliable. 🛠️✨

Join us now and transform your coding and testing capabilities!

Course Gallery

React Testing - Code and Test 3 React Web Apps – Screenshot 1
Screenshot 1React Testing - Code and Test 3 React Web Apps
React Testing - Code and Test 3 React Web Apps – Screenshot 2
Screenshot 2React Testing - Code and Test 3 React Web Apps
React Testing - Code and Test 3 React Web Apps – Screenshot 3
Screenshot 3React Testing - Code and Test 3 React Web Apps
React Testing - Code and Test 3 React Web Apps – Screenshot 4
Screenshot 4React Testing - Code and Test 3 React Web Apps

Loading charts...

Related Topics

4676416
udemy ID
07/05/2022
course created date
07/06/2022
course indexed date
Bot
course submited by