Protractor workshop

Basics of end-to-end testing with protractor and javascript.

Environment setup

1. Required tools

• Chrome browser

• Node.js - latest stable version

• Clone the repository with Git or Download ZIP and extract contents.

• Inside the repository folder (where package.json file is located) use npm to install all required dependencies:

  npm install
  

• Install protractor (use -g switch to install it globally)

  npm install -g protractor
  

• Update selenium webdriver

  webdriver-manager update
  

• Install gulp task runner

  npm install -g gulp
  

2. Check if everything was set up correctly

• Use gulp to start the application

  gulp webserver
  

  Head to localhost:8888 and check if the webpage loads correctly. There might be some errors from the server, but we can ignore them for now.

• Open another terminal window and try running the tests

  protractor tests\config.js
  

  Seeing a lot of failed tests? Good, we're going to fix them during the workshop :)

3. Use your favorite text editor, e.g. Atom, Sublime or VS Code

Warning: if you experience problems on Windows with NodeJS being unable to locate modules, head over here.

Useful links

• Never used JavaScript? Grab the basics at codecademy
• Mozilla JavaScript Guide - Re-introduction to JavaScript
• Mozilla JavaScript Guide - Working with Objects
• Protractor - homepage
• Protractor API
• Jasmine
• Using the map() function to transform collections
• Using reduce() and reduceRight() functions