React Testing - Code and Test 3 React Web Apps

Learn to code and test ReactJS web applications with this comprehensive, 3-part video tutorial! This course is designed for beginners, even those with no React App testing experience. You'll gain practical skills to build and rigorously test beautiful applications, ready for deployment.

Here's what you'll learn:

• React App Development & Deployment:
  • Creating a React App: Master the process of setting up a new React project.
  • Deploying to Microsoft Azure: Learn to deploy your React applications to the cloud using Microsoft Azure.
  • Releasing to Azure Static Web Apps: Deploy to Azure Static Web Apps for easy and scalable hosting.
• Testing Fundamentals:
  • Running First Tests: Get hands-on experience with initial testing procedures.
  • Creating a Pipeline: Establish a robust CI/CD pipeline for automated testing.
  • Add a Link Test: Implement testing for links within your application.
  • Add Visual Testing: Integrate visual testing to ensure UI consistency.
  • Making an Image Change: Test for dynamic image updates.
• Continuous Integration (CI):
  • Creating CI for Production Testing: Set up CI to automatically test your application before release.
  • Finalizing Production Build for CI: Optimize your build process for efficient CI testing.
• Practical Project: Birthday Reminder App:
  • Birthday Reminder React App with Full Testing: Build a complete application and apply testing strategies throughout.
  • Birthday Reminder Project Setup: Learn the project structure and initial setup.
  • Static UI Created: Develop the static user interface components.
  • List Component: Implement a dynamic list of birthdays.
  • onClick() Implemented: Add interactive functionality to list items.
• Our Testing Strategy & Tools:
  • What is Our Testing Strategy: Understand the core principles of our testing approach.
  • Installing WDIO: Learn to install and configure WDIO (Web Driver IO).
  • Run WDIO Test: Execute tests using WDIO.
  • Visual e2e Testing: Implement visual testing for end-to-end scenarios.
  • E2E Cypress Tests: Utilize Cypress for comprehensive end-to-end testing.
  • Jest Snapshot Tests: Leverage Jest for snapshot testing.
• Portfolio Website Development:
  • Build & Test A Portfolio Website: Apply your skills to create a professional portfolio website.
  • Website Overview: Understand the overall architecture of the portfolio website.
  • Source Code Overview: Explore the project's source code structure.
  • Code Header Overview: Analyze the code for the website header.
  • Testing Strategy for Header: Implement a testing strategy specifically for the header component.
  • Visual E2E Tests with Happo: Use Happo for visual end-to-end testing.

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" - [Student Name]

"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!" - 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 start your journey to becoming a proficient React developer and tester? Check out the full curriculum and jump into the tutorial today!