1. A TEST FRAMEWORK USING PROTRACTOR, CUCUMBER & CUCUMBER SANDWICH
Panacea
A TEST FRAMEWORK USING PROTRACTOR, CUCUMBER & CUCUMBER SANDWICH
Adonis Celestine

2. ABOUT THE SPEAKER Adonis Celestine
Adonis has more than 10 years of industry experience in Software Testing. He has good expertise on Software Test automation and consultation.
Adonis is passionate about test innovations and making testing simpler and more interesting.
He has implemented this framework for multiple projects on a large scale and in this presentation he shares the experience, best practices and challenges in using this framework.
Adonis Celestine

3. THE TOOLS CUCUMBER PROTRACTOR CUCUMBER SANDWICH
Cucumber is a leading BDD tool which lets software development teams describe how software should behave in a business readable domain specific language.
PROTRACTOR
Protractor is an E2E test tool developed by google to test Angular applications.
CUCUMBER SANDWICH
Cucumber Sandwich generates awesome html reports on the fly. It monitors your Cucumber json report directory for changes & generates the report.

4. WHY NEW FRAMEWORK Gaps in the current process
Technology changes & responsive design
Something light and free
What are you testing
Test Reporting

5. GIVEN– Some preconditions THEN– you see an outcome
BEHAVIOUR DRIVEN DEVELOPMENT
WHEN– an event occurs
BDD
GIVEN– Some preconditions
THEN– you see an outcome
A programmers mind
Travel(“market”);
If(isPresent(“egg”)){
buyMilk(6);
} else {
buyMilk(1); }
More Collaboration
Automated Acceptance Tests
Faster & High Quality

6. CUCUMBER & GHERKIN BDD IS TDD done right
Feature: Search on internet
Scenario Outline:Search keywords protractor & cucumber Given I open the search <engine>
When I type <keyword>
And I click search Then I see the search results Examples:
|engine|keyword|
|google|protractor|
|google|angularjs|
|bing|protractor|
Feature: Descriptive text of what is desired
Scenario Outline: Some determinable business situation
Given some precondition
And some other precondition
When some action by the actor
And some other action
Then some testable outcome is achieved
And something else we can check happens too
Examples:
Test Data
BDD IS TDD done right
It’s the language the business understands

7. PROTRACTOR BDD Test Reporting The glue code Browser Driver
System Under Test
Angular locators
Multi browser capabilities
E2E Test the whole chain
ng-binding, ng-repeat, ng-textarea, ng-model , WaitForAngular

8. PROTRACTOR IN AN ANGULAR PAGE
The Feature file
Feature: Check the weather
@chain Scenario Outline:Check the weather of Amsterdam Given I open weather.com
When I type Amsterdam in the search box
And I click search Then I must be able to see the weather <overview>
Examples:
|overview|
|Today|
|5 Day|
|10 Day|
|Weekend|
|Monthly|
The Config file
exports.config = { specs: ['test/SystemTest/features/*.feature' ],
framework: 'cucumber',
cucumberOpts: {
require: ['features/step_definitions/*_steps.js', 'features/support/*.js'], format: 'pretty' }, capabilities: { browserName: 'firefox‘ } };
The Spec file
this.When(/^I type Amsterdam in the search box$/, function (callback) { });
Demo

9. PROTRACTOR IN A NON ANGULAR PAGE
Acts like Selenium
Use a wait function
browser.ignoreSynchronization = true
browser.driver instead of driver
More identifiers
Switches between angular and non angular pages
Applications that will be migrated to angular in future
Demo

10. PROTRACTOR ON MOBILE The Config file Doesn’t support native apps
Install android SDK
capabilities:
{ browserName:
'chrome',
'appium-version':
'1.0',
platformName:
'Android',
platformVersion:
'4.4.2‘
, deviceName:
'Android
Emulator', }
Mobile browsers
Configure Protractor
Appium
Install Appium
Selendroid

11. CUCUMBER SANDWICH
Demo

12. Tools are new in the market
BDD is a mindset
Huge learning curve
Tools are new in the market
Large Scenarios with multiple steps
CHALLENGES

13. THE BEST PRACTICES & TIPS
Using page objects
The Gherkin Syntax
Visual Review
Accessibility testing
Debugging
User stories in Jira

14. THANK YOU! FOR YOUR ATTENTION REFERENCES