Learn how to create test cases and run them from this tutorial on Web Testing with Javascript

What you will learn

Learn how to test a React web app using different types to tests

E2E UI tests with Cypress 10

Visual testing Cypress 10 and Happo

Performance and accessibility testing

Description

Have you ever wondered what goes into web app testing? What does it mean to test your web apps and how does it relate to the code you write and maintain? If you find yourself with these questions, worry no longer!

In this tutorial, we’ll learn some of the latest tools and techniques to improve your ability to test modern web applications with JavaScript.

Also, we will learn to analyze risk and how to prevent risks with end-to-end testing, component testing and GitHub actions.

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

What our students are saying?


Get Instant Notification of New Courses on our Telegram channel.


“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

English
language

Content

Introduction

Introduction

Setting Up Your Environment

Gitpod Setup

E2E UI Testing with Cypress

E2E Browser Test
Software Under Test and Test Strategy

Exercises and Solutions

Code A Cypress Test That Opens An App Exercise
Code A Cypress Test That Opens An App Solution
Exercise Code A Test To Ensure The Link Will Go To The Correct Location
Solution Code A Test To Ensure The Link Will Go To The Correct Location
Exercise Write A Functional UI Test & Link Validation That Opens In A New Tab
Solution Write A Functional UI Test & Link Validation That Opens In A New Tab

Additional Information

What are some challenges of functional UI tests?
Can we test the same thing more efficiently?
What Risks Remain In Our Web App?

Summary

Web Testing with JavaScipt Part 1 Summary

Visual E2E Testing

Visual E2E Testing and Its Advantages
Set Up A Visual Test
Set Up Cross-Platform and Cross-Browser Visual Tests
Visual Gotchas

Summary

Web Testing with JavaScipt Part 2 Summary

Visual Gotchas Exercise and Solution

Visual Gotchas Exercise
Visual Gotchas Solution

Performance and Aaccessibility Testing

Performance and Accessibility Testing Exercise
Performance and Accessibility Testing Solution

Conclusion

Conclusion