Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
107 views12 pages

Automation by Jasmine and Protractor

Uploaded by

Dummy User

Jasmine is a behavior-driven development framework for testing JavaScript code. Protractor is an end-to-end test framework for AngularJS applications that runs tests against the application running in a real browser, interacting with it as a user would. Protractor uses Jasmine as its testing framework and is built on top of WebDriver, allowing it to automate interactions with an Angular app and externally detect Angular attributes that Selenium cannot. Protractor configuration and spec files are used to set up tests and write test cases using the Jasmine syntax.

Copyright:

© All Rights Reserved
Download as PPT, PDF, TXT or read online from Scribd
Download as ppt, pdf, or txt

Automation by Jasmine and Protractor

Uploaded by

Dummy User
107 views12 pages
Jasmine is a behavior-driven development framework for testing JavaScript code. Protractor is an end-to-end test framework for AngularJS applications that runs tests against the application running in a real browser, interacting with it as a user would. Protractor uses Jasmine as its testing framework and is built on top of WebDriver, allowing it to automate interactions with an Angular app and externally detect Angular attributes that Selenium cannot. Protractor configuration and spec files are used to set up tests and write test cases using the Jasmine syntax.

Original Title

Automation_ppt

Copyright

© © All Rights Reserved

Available Formats

PPT, PDF, TXT or read online from Scribd

Did you find this document useful?

Is this content inappropriate?

Jasmine is a behavior-driven development framework for testing JavaScript code. Protractor is an end-to-end test framework for AngularJS applications that runs tests against the application running in a real browser, interacting with it as a user would. Protractor uses Jasmine as its testing framework and is built on top of WebDriver, allowing it to automate interactions with an Angular app and externally detect Angular attributes that Selenium cannot. Protractor configuration and spec files are used to set up tests and write test cases using the Jasmine syntax.

Copyright:

© All Rights Reserved
Download as PPT, PDF, TXT or read online from Scribd
Download as ppt, pdf, or txt
107 views12 pages

Automation by Jasmine and Protractor

Uploaded by

Dummy User
Jasmine is a behavior-driven development framework for testing JavaScript code. Protractor is an end-to-end test framework for AngularJS applications that runs tests against the application running in a real browser, interacting with it as a user would. Protractor uses Jasmine as its testing framework and is built on top of WebDriver, allowing it to automate interactions with an Angular app and externally detect Angular attributes that Selenium cannot. Protractor configuration and spec files are used to set up tests and write test cases using the Jasmine syntax.

Copyright:

© All Rights Reserved
Download as PPT, PDF, TXT or read online from Scribd
Download as ppt, pdf, or txt
You are on page 1/ 12

Automation By Jasmine and

Protractor
Jasmine
It is a behavior driven development framework for testing javascript.

It does not depend upon any other javascript frameworks and DOM

It has clean syntax to write unit tests easily

It is a stand-alone distribution which can be downloaded and integrate in the


application

It consists of Suites and Specs


Jasmine - Suites
Jasmine Suite is used to describe the test case.

It can be initiated by calling global Jasmine function ‘describe’.

Syntax:
describe(‘name of your test suite’, function(){
//Collection of Specs
})

Suites also contain beforeEach and afterEach

Suites can be nestable and can be disabled

Example:
xdescribe(‘name of disabled suite’, function() {})
Jasmine - Specs
Jasmine Spec is used to test a specific block using assertions

It can be initiated by calling global Jasmine function ‘it’.

Syntax:

it(‘name of spec’, function(){


expect().toBe();
})

String: which denotes the name of your test spec


Function: which consists of assertions

Specs are not nestable but can be disabled


Example:
xit(‘name of disabled spec’, function() {})
Jasmine - Assertions
Jasmine assertions are expectations.

Assertions are implemented by keyword ‘expect’

Syntax:

expect(true).toBe(true);

Negetive assertions can be implemented by using ‘not’

Example:

Expect(true).not.tobe(false);
Jasmine – Assertions Types
toBe()

toBeDefined()

toEqual()

toBeTruthy()

toContain()

toMatch()

toBeLessThan()

toThrow()
Protractor
It is an end-to-end testing framework for angular apps. It focuses on testing the
actual functionality of the application

It tests the flow of application by running in real browser

It has to be integrated with Jasmine Framework to implement test cases

It has integrated mechanism to detect the pending tasks which relives the developer
to write wait/sleep

It has webdriver-manager which is used to start the instance of the selenium server to
initiate the end-to-end testing
Protractor Vs Selenium
Selenium cannot detect the extra html attributes of angular like ng-repeater, ng-
controller ng-model etc., using selenium code

Protractor is built using javascript on top of nodejs. Hence it can easily detect the
angular attributes which makes it perfect e2e testing of angular applications

In Angular application, web elements are created, controlled and destroyed


dynamically.
Selenium cannot detect the dynamic web elements which makes hard for the tester to
write e2e test cases. This makes protractor a viable platform for angular applications
Protractor - Setup
Protractor is available as npm package.

Prerequisites:
1. nodejs (latest)
2. Jasmine framework

Npm command:
npm i –g protractor

Updating webdriver
Webdriver-manager update

Starting webdriver
Webdriver-manager start
Protractor – Writing Tests
Protractor needs spec file and config file

Spec file contains the test cases which needs to be validate by protractor

The test cases will be written using jasmine testframework

Config file contains the setup required by protractor to start executing test cases

Config file consists of the location of selenium webdriver address and spec file
Protractor – Config file
Sample config file:
exports.config = {
seleniumAddress: ‘http://localhost:4444/wd/hub’,
specs: [‘spec.js’],
capabilities: {
’browserName’: ‘chrome’
}
beforeLaunch: function(){
//Delete logs
},
onPrepare: function(){
//Set browser dimensions, jasmine reporters
}
}

To run protractor: protractor conf.js


Protractor – Spec file
Sample spec file:

Describe(‘sample suite’, function(){


It(‘sample testcase’, function(){
//opens a new browser instance targeting the application
Browser.get(‘’);

//access angular ng-model and set the value


Element(by.Model(‘model_name’)).sendKeys(‘value’);

//access DOM to get the value


Var value = Element(byxpath(‘html/body/div[1]’)).getText();
Expect(value).toBe(‘value’);
})
})

You might also like