How To Test A React Web App Using NodeJs, Cypress, and WebDriverIO

What you will learn

What is an automated atomic test

How to code automated atomic tests

How to login without a UI using HTML web forms

How to login without a UI using JWT

How to write a component test

How to add a test id to our web app

How to correctly test a link and a tab

How to replace e2e tests with component tests

Visual e2e tests

Visual cross-browser tests

CICD with Github Actions

Description

In this tutorial we will learn:

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

Correctly test a link and a tab

Replace e2e tests with component tests

Visual e2e tests


Get Instant Notification of New Courses on our Telegram channel.


Visual cross-browser tests

CICD with Github Actions

So what are you waiting for? Let’s jump into the tutorial

What current 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”

β€œI like the fundamental approach used by the author. Will see:) To prepare for such a course – it’s a really hard and big job. Respect and thank you.” – Serhii Kovalenko

β€œ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

β€œOne Of the Best courses on Selenium With C#. Cheers Nikolay!!” – Saransh Vaid

English
language

Content

Introduction
Introduction
Setup
What is an atomic test
Getting started with Cypress
Breaking down tests into atomic tests
Answer to atomic tests exercise
Setting up for testing HTML forms and exploring the application
Improving the existing login tests
HTML Web Forms Answers
Testing JWT
JWT Exercise Answer
Testing a React web app
What are component tests
Running component tests
Adding test IDs to the tests
More component tests
What is visual testing
Creating end to end visual tests with WebDriverIO
Visual e2e exercise answer
CICD with a React App
Conclusions