WebdriverIO: Automate Front-End Web Application Testing

WebdriverIO: Automate Front-End Web Application Testing

Automate your web application tests with the powerful WebdriverIO testing framework

What you’ll learn

  • Learn how to plan for automated tests and use best practices
  • Learn to use WebdriverIO to automate web applications
  • Learn to use the Mocha unit testing framework with Chai assertions
  • Learn to use tools including GIT, GITHUB, Node, Chrome Developer Tools, Visual Studio Code, Mocha, Chai, and WebdriverIO

Requirements

Description

Learning to automate web application testing shouldn’t be hard!

In this course, I will be guiding you through the steps needed to create front-end web application test automation using WebdriverIO.  We will be using Version 5 of WebdriverIO in this course.

Together we will be writing scripts that automate the testing of front-end applications that use vanilla Javascript, React, and Angular.

What is front-end web application test automation?

The “front-end” refers to the user interface. Or in the case of web applications, the web site. Everything that you can see and interact with is part of the front-end.

We automate the front-end to simulate the user experience of someone using the application. Through automation, we can pretend to be a user to make sure our site is working as expected.

What do I need to know to be successful in this course?

This course is designed for entry-level engineers. I will be going over everything that you need to get started being successful as a test automation engineer.

But here are a few things that will definitely help in your journey:

  • Experience with manual testing of web applications
  • Good Javascript experience (I will briefly review the important parts for this course)
  • Good HTML and CSS experience (I will briefly review the important parts for this course)

The most important thing to be successful is that you need to do the work. Don’t skip videos unless you are 100% sure you know the material. You need to be coding right along with me every step of the way.

Why we need front-end test automation?

Test automation of any kind is in high demand. The days of the manual test engineer is quickly coming to an end.

Companies want to deliver code more often and faster.

What does that mean?

The development cycle to build, test, and release code is becoming shorter. Having a constant delivery cycle is forcing teams to integrate automation into every part of the process.

The major parts of the cycle that need to be automated are:

– Build

– Release

– Unit Testing

– Regression Testing

QA is responsible for integration testing.

One of the most time-consuming parts of the development cycle is regression testing.

Teams spend hours or days re-testing features that they have already tested hundreds of times.

Why?

Changes in the codebase can cause downhill effects on other features. Things break all the time.

Never assume the code is always going to work!

For these reasons, we build automated tests.

Why use WebdriverIO?

The most common question I get asked when building test automation is why not just use Selenium?

WebdriverIO is using a custom implementation of Selenium’s Webdriver…

What does that mean?

It means that you are basically using Selenium. But with WebdriverIO you get a lot of extras that make creating tests faster and easier than if you just use Selenium.

What we will cover:

  • Preparing for automated testingWho should do the automation and with what tools?
  • Using open-source tools and applications in our testingTools include GIT, GITHUB, Node.js, Chrome Developer Tools, Visual Studio Code, Mocha, Chai, and WebdriverIO.
  • Automating web applications interactions without a framework
  • Using the Mocha unit testing framework to test your code
  • Node.js and Chai assertions
  • Coding standards with ESLint and Prettier
  • Writing automated tests that interact with the most common web-application elements
  • Adding validations to our tests
  • Configuring tests to run against different browsers or test environments
  • Using Allure reports to generate beautiful reports that include screenshots and videos

Build a repository to showcase your skills

We will be utilizing GIT and GITHUB to create repositories for our bigger projects.

The goal is that I want you to have good quality examples that you can easily share with your boss or future employers.

I look forward to having you join my class!

Who this course is for:

  • Beginner QA engineers looking to learn web application test automation
  • Development teams looking to add front-end automation tests

Course content

29 sections • 172 lectures • 23h 19m total length
  • Introduction
  • Preparing for automation
  • Git & Github
  • HTML and CSS refresher
  • JavaScript refresher
  • Overview of Node.js
  • Chrome developer tools
  • Automating the web without a framework
  • Mocha & Chai unit test framework
  • Enforcing coding standards
  • Running web apps locally
  • Creating our first test in WebdriverIO
  • Interacting with the page
  • Page Object Model
  • Adding assertions to our tests
  • Project: Automate a jQuery website
  • Using keyboard and mouse actions
  • Using methods and loops in our tests
  • Creating dynamic selectors
  • Project: Automate a jQuery website – Part 2
  • Adding Chai assertions
  • Data driven testing
  • Element status and waiting
  • Configuration options
  • Setting the screen size
  • Testing different environments
  • Allure reports
  • Project: Automate an Angular 7 Web App
  • Course wrap up

Created by: Jason Myers,(Sr Quality Assurance Engineer)

Last updated 6/2020
English
English [Auto]
9.1 GB (Direct Download Available)

(32 ratings)
302 students
https://www.udemy.com/course/webdriverio-automate-front-end-web-application-testing/

Download link



Friendly Websites





Related Posts

Add a Comment

Your email address will not be published. Required fields are marked *