
Ensure you have a computer (Windows or Mac), a solid grasp of JavaScript core concepts (variables, conditionals, loops), a basic code editor, and Nightwatch.js installed, with free resources available online.
Maximize learning by watching videos at the highest quality and following along with the course steps. Participate in the Q&A and avoid skipping lessons to prevent confusion.
Visual Studio Code serves as a lightweight web development editor with built-in source control, a debugger, a terminal, and extensions like Pap IntelliSense to manage relative links.
Create a simple HTML refresher page in Visual Studio Code to review tags, elements, and attributes. Explore headings, paragraphs, lists, forms, inputs, links, and images to reinforce structure.
Link your HTML to a CSS file and apply colors using class and id selectors. Use div and h1 structures with descendant and child selectors, noting the uniqueness of ids.
Install Chrome driver, a web driver package for Chrome, via npm; review Nightwatch installation instructions for installing web drivers across browsers like Gecko Driver and Safari.
Build a nightwatch.js test from scratch using the exports interface and module.exports. Open a URL, wait for the body, and assert the title contains a given string.
Explore how to interact with text fields in Nightwatch.js, including setting values, getting values, and clearing values for username and password with id selectors.
Learn how clicking elements in Nightwatch.js web application test automation triggers form interactions and validation, including clicking fields, pauses, and attempting to click disabled buttons to observe behavior.
Automate the Glitch IT login page with three Nightwatch.js tests: verify field error messages, test invalid login, then log in with provided credentials and run the tests.
Master navigating to urls in Nightwatch.js tests using browser url for a full url, initializing with a base launch url, or appending paths to that base.
Learn how to get the page title in Nightwatch.js tests, using two methods: title() for a string and title.value() for an object, to verify you’re on the correct page.
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 Nightwatch.js. We will be using Version 1.7 of Nightwatch.js in this course. UPDATE: Tested working with Version 2.0
Together we will be writing scripts that automate the testing of front-end applications. Over 5 hours of interactive content, including 3 challenge exercises.
What we will cover:
Basic HTML, CSS, and JavaScript
Installing Nightwatch.js
Writing tests to:
Interact with elements
Validate data and existence of elements
Navigate and validate browser level properties
Alerts
Validations with verify, assert and expect
Page object model
Tagging and selecting tests for runs
What is front-end web application test automation?
The "front-end" refers to the user interface. Or in the case of web applications, the website. 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 do 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.
I look forward to having you join my class!