Protractor Configuration With Eclipse

We can configure Protractor with Eclipse as mentioned the below steps:

Step1:

Download Node.js 7.7.3 from here. We need to download the older version of node because eclipse plugins are not working properly with new version of node.

Now install node.js after clicking on few next button.

We can verify the installation of the node.js using the following commands.

• node -v or we can use node --version
• npm -v or we can use npm –version

Step2:

Now we need to install protractor on our machine using the following command

• npm install -g protractor or npm -g protractor@version

After installation we can find Protractor directory under this location

Now we need to type the following command to download drivers to run our script on firefox or chrome

• webdriver-manager update

Download Eclipse Oxygen from here. We need to download the older version of Eclipse because required plugins for Protractor are not working properly on new version of Eclipse.

We can download Eclipse IDE for Java EE Developers or Eclipse IDE for JavaScript and Web Developers.

Step3:

Extract it and click on eclipse.exe to launch the IDE. 

NOTE : Sometimes it is showing some error for long path on extraction of zip file.

we can skip it or we can modify the group policies 

or tweak the registry as below

Step4:

We need to install the following plugin for Protractor

After launching the eclipse Go to Help -> Install New Software…

Now type URL for plugin http://oss.opensagres.fr/angularjs-eclipse/1.3.0-SNAPSHOT/

Now click on OK then click on Next now accept the Licenses.

Click on Install anyway to install this plugin

Then click on Restart Now option to complete the installation of this plugin

Now download the node eclipse plugin from Eclipse MarketPlace. 

Install this plugin as previously we have discussed.

Step 5: 

Now we will create a Sample Project to test Configuration.

Click on File -> Other -> Java Script Project

Click on Next and give a project name

and click on Finish button it may ask to open in JavaScript Perspective then click on Ok button.

Then Project will be created and available under project explorer section

Step 6:

Now Right Click on Project and choose Configure -> Convert to Tern Project

Select the following options

a. Angular JS

b. Jasmine

c. Node.js

d. Protractor

Step 7:

Copy this following 2 files from the below location and keep it under newly created project directory in eclipse. 

We will discuss it later in details of these 2 files for now we can say config.js is require for protractor configuration and example_spec.js is for testcases.

Copy the protractor modules to eclipse project folder structure.

Step 8:

Now Right click on project structure and click on the Run As -> Run Configurations…

Select the new Configuration for Protractor and Provide the following details.

We can also create a node runner as well use the following details as below