Learn Protractor(Angular Testing) from scratch +Framework

Step by Step tutorial to understand Protractor using JavaScript + Typescript + Framework development (Cucumber, Jasmine)

What you'll learn

  • By end of this course, you will get complete knowledge on Protractor API to automate any Angular/Nonangular Apps
  • In-depth knowledge of JavaScript with Asynchronous Promise concepts
  • You will gain the ability to design Protractor framework from scratch using jasmine Unit testing techniques
  • Includes a Practice Website to play around with all available Protractor functions to automate
  • Crack any Protractor Interview on Single shot!


  • No prior experience required on any language. Everything including Tool setup instructions are taken care in the course.
  • Theoretical Material, Code dump and Interview Guide are available for download
  • You will have Lifetime instructor support to get solved all your queries and we will get back with solutions in less than 12 hours


Course Last Updated- October 2nd- [Protractor Cucumber BDD Framework]

“Welcome to the only course in the World which covers end to end Automation using Protractor API from Complete Scratch to Framework level using JavaScript Jasmine & Typescript Cucumber. “
Why Protractor?

Protractor turns out be the Hottest Automation testing tool in the market with sudden increase in demand of JavaScript Frameworks like Angular, React for Front End UI development. 

Protractor is developed by Angular core team and takes clear edge over all other testing tools for Angular Apps automation in terms of stability, reliability, Performance and Code complexity.

And I Bet! On course Completion You can clear any interview or develop Protractor framework on your own.

As a bonus apart from protractor, You will learn lots of new technologies in this course such as JavaScript, Typescript, Node, jasmine,  etc.

Below is the course Content we Cover:

  • Introduction to protractor
  • Node.js basics with setup instructions
  • Protractor Setup and installation
  • JavaScript Basics
  • Protractor API Overview
  • Different locator strategies available in Protractor
  • Understanding JavaScript Asynchronous promises
  • Working with Angular UI Elements with Protractor
  • Understanding the configuration file
  • 20+ Practise exercises on UI Automation using Protractor
  • Working with non-Angular Apps using protractor
  • jasmine Unit testing framework basics
  • Optimizing protractor tests for Framework development
  • Page object mechanism in JS frameworks
  • Data driven and parameterization using Jasmine Framework
  • Client reports generation and config methods for Robust framework
  • In-depth understanding of Pacakage.json file and npm commands
  • Integrating the Protractor framework with CI Jenkins tool
  • Introduction to Git Hub
  • Wish you all the Best! See you all in the course 🙂
Who this course is for:
  • Any Software Professional

Course content

  • Understand the importance of Protractor
  • UPDATE – Typescript Addition to this course***Must watch Lecture***
  • Why Node.js? Install Node
  • Install Protractor with Web driver plugin
  • commands list
  • Important Note
  • Install JavaScript Eclipse Tool for Protractor tests
  • Introduction to Jasmine and its terminologies Code download
  • Importance of Configuration file in protractor framework
  • File reference
  • Creating Protractor Test Runner file to run the scripts
  • Install Angular JS plugin and convert to intern project
  • Important Note
  • Install JavaScript Eclipse Tool for Protractor tests
  • Introduction to Jasmine and its terminologies Code download
  • Importance of Configuration file in protractor framework
  • File reference
  • Creating Protractor Test Runner file to run the scripts
  • Install Angular JS plugin and convert to intern project
  • Install Visual studio and run protractor Test
  • Install WebStorm and run protractor Test
  • JavaScript Asynchronous and its problem with Protractor
  • Importance of Promises and how its solves Asynchronous issue
  • Links to read more on promises
  • Understand how protractor inbuilt takes care of promise
  • Project code download
  • Basics of JavaScript
  • JS conditional statements -If else
  • JavaScript loops – for with example
  • JavaScript while and do while -example
  • code download
  • Understand JS functions and its usage
  • Importance of JavaScript arrays with example
  • JavaScript String functions with examples
  • Code download
  • Important Note
  • Understand Global variables of Protractor
  • Usage of Protractor locators – 1
  • Usage of Protractor locators – 2
  • Jasmine assertions to validate Protractor tests
  • Code download
  • Running Protractor tests on Firefox and Internet Explorer
  • Browser configuration file
  • Running Protractor tests on Non-Angular Sites
  • Importance of chain locators with example
  • Chain locators to identify Child Elements-Example
  • Code download
  • Getting the list of Elements with All method in Protractor
  • Practise exercises on All and chain locators
  • Code download
  • Handling list of dropdown options with example
  • Code download
  • Actions and its importance in the Angular UI
  • Examples of handling Autocomplete dropdowns with Actions
  • Handling child windows with Protractor
  • Examples on validating child windows with Switch Mechanism
  • Code download
  • Handling Java Alerts with Protractor
  • Code download
  • What are Frames? Methods to handle in protractor
  • Handling synchronization with Protractor
  • Code download
  • Demo project walkthrough
  • Submission of Forms with various Protractor locators
  • Validating Angular error messages – example
  • Handling dynamic sections with Protractor
  • Practise Exercises on selecting items to cart-
  • String functions to extract count of cart items
  • Code download
  • ***Important Information before watching Next Lectures*****
  • Please Note
  • What is Typescript? How different it is from JS?
  • Importance of Let and Const keywords in Typescript
  • Types Usage in Typescript
  • Understanding Classes, Methods and objects in Typescript
  • Importance of Constructor in Typescript
  • Exports, Imports and Functions usage in Typescript
  • Interfaces and objects Importance in defining contracts
  • Usage of Pipes for Anonymous Functions
  • Code Download
  • Typescript Cucumber Framework learning Plan
  • Understand Package.json file and get the dependencies of the framework
  • Build the Basic project structure in Visual studio Code
  • Changes need for Protractor configuration to be Typescript compatible
  • Importance of tsconfig file and compilation from ts to Js
  • Running the first test using framework configurations
  • Importance of async/await synchronization in Typescript and JS ES7
  • Importance of Page object Mechanism in framework
  • Understand classes and construction definition for defining objects
  • Build Page object classes and drive the objects externally into Tests
  • Understand importance of Scripts tag in package.json file
  • code download
  • Cucumber Introduction
  • Install cucumber protractor dependencies
  • Understanding Protractor cucumber configuration file
  • Creating feature file and step definition file Skeleton
  • Implement Step definition file with actual automation steps
  • Implement time outs and build common step definitions for multiple scenarios
  • Passing Test Data from feature file to step definitions
  • Implement Parameterization in Cucumber tests to drive tests with multiple sets
  • Using Chai Assertions in cucumber Framework
  • Implement Tagging mechanism to protractor cucumber tests
  • Usage of cucumber hooks to run setup and tear down methods
  • Install reporting dependencies to cucumber framework
  • Implement reporting in Cucumber with on Complete option in config file
  • Capturing Screenshots on Test failures with After hook implementation
  • Code download
  • ****Please Note*******
  • Framework Learning Plan for JavaScript
  • What are JavaScript objects and importance of it
  • Accessing the java objects from another JS file
  • Page object Mechanism for Protractor tests
  • Code download
  • Driving the Page objects with setup Teardown methods
  • On Prepare functionality in Configuration file for preloading the data
  • Understanding the importance of Package.json file
  • Package.json configuration properties -1
  • Defining Scripts configuration in Package.json to eliminate eclipse test Runner
  • npm commands to trigger Test Suites
  • Introduction to Data driven testing with Jasmine
  • jasmine Data provider format in defining the data
  • Eliminating data hardcoding in the scripts with Jasmine Data provider
  • Generating excellent client reports for Protractor tests
  • Tags configuration to control test scripts execution
  • Introduction to Jenkins
  • Configuring Jenkins job with protractor tests
  • Scheduling Protractor Jenkin job for continuous Integration
  • Complete Project code download
  • Introduction to GIT
  • Importance of GitHub and its uses
  • Creating Git config and repositories
  • How to push code to remote repository
  • Understanding Staging and commit in git
  • Add remote repository and push the committed code
  • End to end working example on Git commands -1
  • End to end working example on Git commands -2
  • Importance of Branching in GIT
  • How to resolve Merge conflicts with GIT
  • Bonus lecture-Discount coupons for other Automation courses
Get In Touch With Us

Contact SQTL Learner Support

  • S.No. 80/8, Sudama Market, 1st Floor – 101 Above Reva Clinic Famous ChowkNew Sangvi, Pune – 61, Maharashtra, India
  • +91-20-2740-2106
  • info@sqtl.com