• Home
  • Categories
  • Video Tutorials
    • Angular 5
  • News
  • About us
  • Contact us
  • Login
test
Code4Developers

Code4Developers

Code4Developers
  • Home
  • Categories
  • Video Tutorials
    • Angular 5
  • News
  • About us
  • Contact us
  • Login
  • AngularJs
  • Testing

AngularJS Application End to End Testing with Protractor Tool : Part 1

  • Sneha Jaiswal
  • June 8, 2017
  • 2 minute read
angularjs
Total
0
Shares
0
0
0

What is End to End Testing?

End to End Testing is used to determine the performance of application as per requirement. For large and complex applications manual testing is not sufficient to verify the correctness of new features, catch bugs and notice regression. To resolve issue of integration between components End to End tests are made.The purpose of End to End testing is to verify flow of an application from start to end. Hence, the name End to End.

 

Using Protractor

Protractor, officially known as End to End Testing framework. It is open source functional automation framework that is used to test AngularJs web applications.

Protractor is a “Node.js” Program. It runs End To End tests that are written in JavaScript. Protractor uses “Jasmine” test framework and it is default inbuilt framework that comes with protractor by default.

Protractor will set up test using a local standalone selenium server that is used to control browsers. To run this server it requires “Java Development Kit (JDK)” to be installed. To get instance of running selenium server protractor has provided “Webdriver-Manager” helper tool that comes with protractor as default tool.

 

Prerequisites & Installation

Prerequisites

  • Node.js Source Code (Latest Version)
  • Java Development Kit(JDK)

Installation

Step 1: Install Node.Js

  1. Download the windows installer of Node js from http://nodejs.org/download
  2. Follow the steps to install Node js from http://blog.teamtreehouse.com/install-node-js-npm-windows
  3. To test Node js installation properly open command prompt and execute any single command “node –version” or “node –v”. This should print version number of node. So you will see something like v4.5.0 (i.e. latest installed version of node in your computer)
  4. Once Node js is installed properly, make sure its path configured correctly, so that command execution can Find Node.
    • To check path configuration open ‘Advanced System Settings’ by selecting ‘properties’ option of ‘My Computer’.
    • Check System Variables having ‘Path’ variable with its configure value i.e ‘C:\Program Files\nodejs\’ (This value is added in ‘Path’ variable once Node.Js installer is installed successfully)

Step 2: Install Java Development Kit(JDK)

  1. Download the JDK from the following link by selecting Accept License Agreement option, http://www.oracle.com/technetwork/java/javase/downloads/index.html
  2. Follow the steps to install JDK from http://docs.oracle.com/javase/7/docs/webnotes/install/windows/jdk-installation-windows.html

Step 3: Install Protractor Globally

  1. Open the command prompt and type “npm install –g protractor” command to install protractor globallyNote: To install protractor locally in project directory open command prompt in local project directory and type following command
    npm install protractor
    

    Verify Installation: To verify installation type following command in command prompt once protractor is installed.

    Protractor –version

    If protractor is installed properly, the system will display version of protractor, otherwise you will have to recheck the installation process.

Sneha Jaiswal
Sneha Jaiswal

Sneha is Software Tester by profession. She is very passionate about sharing her knowledge with community

Views: 3,472

Share this:

  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on WhatsApp (Opens in new window) WhatsApp
  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on X (Opens in new window) X
  • Click to share on Pinterest (Opens in new window) Pinterest
  • Click to email a link to a friend (Opens in new window) Email
  • Click to print (Opens in new window) Print

Like this:

Like Loading...

Related Posts

Total
0
Shares
Share 0
Tweet 0
Pin it 0

Leave a ReplyCancel reply

Subscribe to Website via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Recent Posts
  • Getting Started with AWS Step Functions: Orchestration Made Simple

    Getting Started with AWS Step Functions: Orchestration Made Simple

    2 months ago
  • React Hooks Guide: Top Tips for Optimizing Performance in Your React Applications

    React Hooks Guide: Top Tips for Optimizing Performance in Your React Applications

    2 years ago
  • Demystifying JavaScript Tree Shaking: Boosting Performance and Reducing Bundle Size

    Demystifying JavaScript Tree Shaking: Boosting Performance and Reducing Bundle Size

    2 years ago
  • Unlocking the Power of React Hooks: A Comprehensive Guide with Examples

    Unlocking the Power of React Hooks: A Comprehensive Guide with Examples

    2 years ago
  • Celebrating a Decade of Phenomenal Growth: Insights and Reflections on 10 Years of Software Engineering

    Celebrating a Decade of Phenomenal Growth: Insights and Reflections on 10 Years of Software Engineering

    2 years ago
  • Angular Custom Elements: Creating Reusable Components with Angular

    Angular Custom Elements: Creating Reusable Components with Angular

    3 years ago
  • Connect Firebase Realtime NoSQL Database with Angular App from Scratch

    Connect Firebase Realtime NoSQL Database with Angular App from Scratch

    5 years ago
  • How to Build an Inclusive Esports Community

    How to Build an Inclusive Esports Community

    5 years ago
  • Best Digital Icebreakers

    Best Digital Icebreakers

    5 years ago
  • Email alerts when a docker container stopped in AWS ECS CLUSTER

    Email alerts when a docker container stopped in AWS ECS CLUSTER

    5 years ago
Subscribe to Website via Email

Enter your email address to subscribe to this website and receive notifications of new posts by email.

Featured Posts
  • javascript 1
    Spread syntax (three dots) in JavaScript
    • March 21, 2018
  • Angular 2
    Angular 6 CRUD – Part 1: Project Setup, Routing, Service
    • May 9, 2018
  • javascript 3
    Local Storage and Session Storage
    • May 22, 2017
  • Angular 4
    Angular 4 Project Structure
    • June 18, 2017
  • AWS 5
    Email alerts when a docker container stopped in AWS ECS CLUSTER
    • July 24, 2020
Code4Developers
Learning is never ending process

Input your search keywords and press Enter.

%d