Friday, 14 February 2020

How to configure Protractor in your system?

Protractor is a JavaScript library. On the top of selenium web driver, they created a wrapper of JavaScript. It is mainly used for angularJS application. AngularJS is a kind of JavaScript framework used to develop web application. It is used to handle the dynamic content. Which have different locator like ‘Ng-model’ which is missing in selenium web driver. So we use protractor for automating such application.
 
For set up protractor in your system you need to download and install the following component.

1.NPM(node.js) download
Download the npm installer from the website
2.Protractor installation
Run the command ‘npm install –g protractor
3.JDK installation
Download the installer from the Java website
4.Webdriver manager update
Run the command ‘webdriver-manager update’
5.Start Webdriver manager from the command line
Run the command ‘webdriver-manager start
6. http://localhost:4444/ --need to check Webdriver Manager is up and running selenium server.
Open the browser and enter the url http://localhost:4444/ 

How to Write the project/Script?

1.Download Visual Studio Code
2.Create a folder in the system
3.Open the command prompt and go to the folder
4.Run the command ‘npm init’
5.Open the visual studio code. Created folder should be displayed with ‘package.json’ file and add the dependencies for protractor and jasmin in the ‘package.json’.

Package.json file is a file like pom.xml in the maven project.It is used to add the dependencies like below

{
  "name": "test",
  "version": "1.0.0",
  "description": "test code",
  "main": "index.js",
  "dependencies": {
    "protractor": "5.4.2",
    "jasmine": "3.4.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Jithin",
  "license": "ISC"
}


6.Create a new configuration file(Conf.js)
   

exports.config={
seleniumAddress:'http://localhost:4444/wd/hub',
specs: ['spec.js']
}

7.Create a specification file(Spec.js) for writing the test cases

describe('Protractor Website', function() {
    it('enter the name', function() {
    browser.get('https://angularjs.org/');
    element(by.model('yourName')).sendKeys('Tom');
    var text=element(by.xpath('/html/body/div[2]/div[1]/div[2]/div[2]/div/h1'))
    expect(text.getText()).toEqual('Hello Tom!');
    });
  });

  describe('Protractor title Test',function() {
      it('should have a title',function(){
          browser.get('http://juliemr.github.io/protractor-demo/');
          expect(browser.getTitle()).toEqual('Super Calculator');
          browser.driver.sleep(3000);
          element(by.model('first')).sendKeys('Selenium');
          browser.driver.sleep(3000);
      });
  });

8.You can run this sample script by running he command ‘protractor config.js’ in the terminal

No comments:

Post a Comment