Automation Best Practices with JavaScript

Learn how to Test React web applications by using different types of tests.

Identify effective testing strategies and methodologies for the application.

Use WebdriverIO + visual e2e testing for web & mobile compatibility.

Execute functional Tests through visual and component testings.

Requirements

  • Knowledge of NodeJS and JavaScript
  • An IDE that works with Node and JavaScript
  • Github Account

Description

Throughout the course, you’ll be able to Test React web applications by using different types of tests.

You’ll be provided with access to the source code so you can jump to the relevant part of the code and try to work with this React project on your own.

What’s in this course?

  • Introduction and tools
  • Setup environment
  • E2E browser tests
  • Functional UI testing with Cypress
  • CICD with GitHub Actions
  • Visual End-to-End testing
  • Component testing
  • Component tests exercise
  • Component tests solution

Technologies you will use

  • ReactJS
  • Cypress
  • WebdriverIO
  • ScreenerIO
  • Sauce Labs
  • Github Action
  • React Testing Library

Ready to start? Check out the full curriculum and 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

Who this course is for:

  • Beginner and Intermediate developers looking to learn how to test web applications

Course content

1 section • 10 lectures • 41m total length

Introduction10 lectures • 41min

  • Introduction and Tools01:20
  • Source Code00:02
  • E2E Browser Tests04:51
  • Functional UI Testing With Cypress08:21
  • CICD With GitHub Actions09:20
  • Visual End-to-End Testing09:18
  • Component Testing03:59
  • Component Tests Exercise01:50
  • Component Tests Solution01:50
  • BONUS LECTURE00:16

React Web App Testing With NodeJs, Cypress, and WebDriverIO

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

Requirements

  • Knowledge of NodeJS and JavaScript
  • An IDE that works with Node and JavaScript
  • Github Account

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

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

Who this course is for:

  • Beginner and Intermediate developers looking to learn how to test web applications

Course content

1 section • 22 lectures • 1h 56m total length

Introduction22 lectures • 1hr 56min

  • Introduction01:21
  • Setup02:24
  • What is an atomic test06:22
  • Getting started with Cypress04:10
  • Breaking down tests into atomic tests05:49
  • Answer to atomic tests exercise08:18
  • Setting up for testing HTML forms and exploring the application05:29
  • Improving the existing login tests09:03
  • HTML Web Forms Answers02:41
  • Testing JWT09:07
  • JWT Exercise Answer06:32
  • Testing a React web app07:10
  • What are component tests05:31
  • Running component tests03:37
  • Adding test IDs to the tests04:42
  • More component tests07:45
  • What is visual testing03:39
  • Creating end to end visual tests with WebDriverIO07:27
  • Visual e2e exercise answer02:43
  • CICD with a React App10:54
  • Conclusions01:04
  • BONUS LECTURE00:16

Build, test, and deploy a Github user search app w/ ReactJS

Learn how to build a Github user’s dashboard using ReactJS.

This dashboard will have the capability to enter a username of a Github user and search for that user pulling back all of their relevant information.

Test the application using Cypress to do functional end-to-end testing and WebdriverIO and ScreenerIO for visual end-to-end testing.

Code and deploy the application to Netlify so that you can have a production version of the application to display in your project’s portfolio.

Requirements

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

Description

Throughout the course, you’ll be able to build a beautiful and functional Github dashboard, in just two hours.

You’ll be provided with access to the source code so you can jump to the relevant part of the code and try to work with this React project on your own.

What’s in this course?

  • Overview of the app
  • Starter project
  • Separating pages with react-router-dom
  • Auto rename tag extension
  • Error page with styled-components
  • Implement login page
  • Dashboard skeleton
  • Add GithubContext
  • When do we test
  • Adding mock data
  • Finish Info.js
  • Card.js and User.js
  • Thinking about testing
  • How will we test Routes
  • Setting up WebdriverIO
  • Successful WebdriverIO test
  • Setting up a visual test with ScreenerIO
  • Analyzing visual results
  • Does Back Home button work
  • Fixing visual issues in ScreenerIO
  • Installing CypressIO
  • Opening CypressIO
  • Cypress test for button url
  • Followers component
  • Search component dummy
  • Get rate limit of API
  • Finishing rate limit request
  • Add remaining Requests to display

Technologies you will use:

  • ReactJS
  • CypressIO
  • WebdriverIO
  • ScreenerIO
  • Netlify
  • React Library

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”

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

Who this course is for:

  • Intermediate developers looking to learn how to test web applications

Course content

1 section • 31 lectures • 1h 59m total length

Build and test a GitHub User Search App w/ ReactJS31 lectures • 1hr 59min

  • Introduction01:11
  • Source Code00:02
  • Overview of the app04:00
  • Starter project02:10
  • Separating pages with react-router-dom04:06
  • Auto rename tag extension00:41
  • Error page with styled-components05:05
  • Implement login page02:33
  • Dashboard skeleton02:13
  • Add GithubContext05:37
  • When do we test00:58
  • Adding mock data04:34
  • Finish Info.js03:46
  • Card.js and User.js06:47
  • Thinking about testing05:07
  • How will we test Routes05:21
  • Setting up WebdriverIO04:22
  • Successfull WebdriverIO test06:01
  • Setting up a visual test with ScreenerIO08:18
  • Analyzing visual results03:30
  • Does Back Home button work02:18
  • Fixing visual issues in ScreenerIO02:25
  • Installing CypressIO01:50
  • Opening CypressIO03:57
  • Cypress test for button url07:29
  • Followers component05:48
  • Search component dummy06:40
  • Get rate limit of API06:37
  • Finishing rate limit request03:46
  • Add remaining Requests to display01:39
  • BONUS LECTURE00:18

ReactJS Birthday Reminder React App (with WebdriverIO tests)

Learn how to create a birthday react application from scratch.

Identify a wonderful testing strategy for the application.

Implement a single test that’s going to provide a ton of coverage for the web application.

Build React application in less than 30 minutes!

Requirements

  • Knowledge of NodeJS and JavaScript
  • An IDE that works with Node and JavaScript
  • Github Account

Description

Throughout the course, you’ll be able to build a small React application, in less than 30 minutes.

Learn the basic concepts, tools, and functions that you will need to build a birthday reminder react app with the popular programming language, JavaScript.

You’ll be provided with access to the source code so you can jump to the relevant part in the code and try to work with this react project on your own.

What’s in this course?

  • Birthday reminder set up
  • Static UI created
  • List component
  • onClick() implemented
  • What is your testing strategy
  • Installing wdio
  • Run wdio test
  • Visual e2e testing
  • BONUS lecture

Ready to start? Check out the full curriculum and 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

Who this course is for:

  • Beginner and Intermediate developers looking to learn how to test web applications

Course content

1 section • 12 lectures • 35m total length

Create A Birthday Reminder React App [Tested w/ WebdriverIO, Screener]12 lectures • 35min

  • Introduction00:27
  • Source Code00:00
  • Birthday Reminder React App Setup05:11
  • Static UI Created04:12
  • List component05:32
  • onClick() Implemented00:59
  • What Is Our Testing Strategy03:44
  • Installing WDIO03:50
  • Run and Test WDIO01:40
  • Visual e2e Testing09:24
  • Conclusion00:09
  • BONUS LECTURE00:16

Typescript basics for beginners

Typescript basics for automation using WebdriverIO

Requirements

  • Basic computer knowledge

Description

Looking to learn Typescript/Javascript before learn WebdriverIO??

Are you looking to learn latest test automation frameworks?

Do you want to learn how to automation React, Angular based web applications?

You can start with basics of typescript here and that will prepare a base for you to learn test automation using WebdriverIO (jasmine, cucumber or movha/chai).

Happy Learning!
Kamal

Who this course is for:

  • Beginners who want to learn automation using WebdriverIO and Typescript

Course content

1 section • 8 lectures • 40m total length

Basics of Typescript8 lectures • 40min

  • Introduction02:52
  • Data Types02:48
  • Variables03:20
  • Operators07:52
  • Conditional statements03:52
  • Loops05:52
  • Functions08:34
  • Anonymous, Lambda(arrow) functions05:13