Web Driver IO - Tutorial Test Page

This test page is used to demo real working test script examples.

UPDATE: Examples now support using webdriverio version >4.

It is meant to be simple and plain to demo the code, not to show off my expertise in HTML/CSS.

Please see the blog article located here for full details and all test scripts can be downloaded from github.

Here is a list of files used to test this web site.
Description Filename
Title Test - Open page and Verify Title using Mocha as runner tutorial1.js
Title Test - Open page and Verify Title using wdio as runner tutorial1-wdio.js
Link Text/URL Test - Verify Link Text and URL linkTextURL1.js
Copyright Test - Verify Copyright Text using Mocha as runner copyright1.js
Copyright Test - Verify Copyright Text using wdio as runner copyright1-wdio.js
Populate form fields and submit formFillSubmit1.js
Click Show/Hide Button and Verify Text showHideVerify1.js
Dymanically Invoke Different Browsers dynamicBrowser.js
Compares callbacks vs promises callbackPromise.js
Example Shows Several Methods on How to Debug debugExample1.js
Example of Validating Form Field Errors formFieldValidation.js
Example of Reusable Functions (library) commonLib.js
Example of Looping Data to Verify URL Link/Text dataLoopExample1.js
Looping Static Data to Populate Form Fields dataLoopExample2.js
Looping Static Data to Populate Form Fields using wdio as runner dataLoopExample2-wdio.js
Example how to validate several CSS properties cssValidation1.js
Example how to validate dropdown menu selections dropDownMenu1.js
Example how to validate image carousels carouselExample1.js
Example how to take screenshots at different browser widths screenShot1.js
Example how to select and validate autocomplete input field autoComplete1.js
Example how to select/interact with multiple iframes on a page iframe1.js
Example how to interact with a modal window modal1.js
Example how to interact with a selectbox selectbox1.js
This is a simple page object example pageObjectExample1.js
Example how to use cloud based test site (saucelabs) saucelabs.js
Example how to use grunt + grunt-webdriver + saucelabs gruntSaucelabs.js
Example Gruntfile with grunt-webdriver and 3 browser/OS configs Gruntfile.js
Gruntfile for dataLoopExample2.js to run against saucelabs Gruntfile-dataLoopExample2.js
Gruntfile for gruntSaucelabs.js to run against saucelabs Gruntfile-gruntSaucelabs.js
WDIO config file for dataLoopExample2-wdio.js on two different OS/browsers (saucelabs) wdio.conf-saucelabs-dataLoopExample2.js
WDIO config file for dataLoopExample2-wdio.js on two different browsers (locally) wdio.conf-local-dataLoopExample2.js
Example how to use supertest to test REST APIs restAPIExample1.js
Example how to use database (mongoDB) driven testing dbDataLoopExample.js

Simple Drop Down Menu Example

Simple Select Box Example
Select Favorite NHL Team:

Simple List Example

Simple Form - Search Form
First name:
Last name:

Button to Show/Hide Element
Sometimes the best things are hidden!


Example form with validation errors (post submit - errors already displayed)
  • Please enter first name
  • Please enter last name
  • Please enter address
  • Please enter city
  • Please enter state
First Name:
Last Name:
Address:
City:


Example Carousel (Bootstrap)

Example AutoComplete (jquery)


Example Modal


Example of interacting with multiple iframes on a page
"Main" Iframe
"Contact" Iframe


Last Update: 02.21.17