![Protractor Config
//conf.js
exports.config = {
framework: 'jasmine',
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['spec.js'],
getPageTimeout: 30000,
allScriptsTimeout: 30000,
onPrepare: function() {
browser.driver.manage().window().maximize();
browser.ignoreSynchronization=true; //for non-angular apps
},
};
Full list of options
https://github.com/angular/protractor/blob/master/lib/config.ts](https://image.slidesharecdn.com/usingprotractortobuildautomatedui-170516153724/85/Automated-Smoke-Tests-with-Protractor-6-320.jpg)
![Enhancements
• Multiple Browsers
• Screenshots
protractor-screenshoter-plugin
https://www.npmjs.com/package/protractor-screenshoter-plugin
• Generate test data files
jasmine-trx-reporter
https://www.npmjs.com/package/jasmine-trx-reporter
multiCapabilities: [{
'browserName': 'firefox'
}, {
'browserName': 'chrome'
}]](https://image.slidesharecdn.com/usingprotractortobuildautomatedui-170516153724/85/Automated-Smoke-Tests-with-Protractor-15-320.jpg)
Ad
More Related Content
What's hot (20)
Similar to Automated Smoke Tests with Protractor (20)
Ad
Recently uploaded (20)
Ad
Automated Smoke Tests with Protractor
- 1. Using Protractor to Build Automated UI “Smoke Tests” DALE SPOONEMORE @DALESPOONEMORE [email protected] WWW.SEEDTOSPOON.NET
- 2. Why Have Automated Tests? • Smoke tests • Know when apps are down or having performance issues • Functional UI tests • Tests that are tedious and time consuming • Testing with lots of data
- 3. But I Have Unit Tests… ◦ Unit Tests only test that part of the code ◦ UI tests launch browser and interacts with the browser as a user ◦ Tests database, UI, server-side code, server/network hardware
- 4. The Tools ◦ Webdriver http://www.seleniumhq.org/projects/webdriver/ ◦ Selenium http://www.seleniumhq.org/ ◦ Protractor http://www.protractortest.org/#/
- 5. Setup Install Node.JS https://nodejs.org Command Line Statements npm install protractor –g webdriver-manager update webdriver-manager start
- 6. Protractor Config //conf.js exports.config = { framework: 'jasmine', seleniumAddress: 'http://localhost:4444/wd/hub', specs: ['spec.js'], getPageTimeout: 30000, allScriptsTimeout: 30000, onPrepare: function() { browser.driver.manage().window().maximize(); browser.ignoreSynchronization=true; //for non-angular apps }, }; Full list of options https://github.com/angular/protractor/blob/master/lib/config.ts
- 7. Test script // spec.js describe('From Seed to Spoon Smoke Test', function() { it('should verify the main page loads', function() { browser.get('http://www.seedtospoon.net/'); expect(element(by.css('h2.maintitle')).getText()).toEqual('Grow Your Own Food'); }); }); Full list of capabilities http://www.protractortest.org/#/api
- 8. Controlling the Browser browser.get(‘http://www.seedtospoon.net'); browser.navigate().back(); browser.navigate().forward(); browser.sleep(10000); browser.getLocationAbsUrl() // get the current address browser.ignoreSynchronization = true; // non-angular
- 9. Using Locators to Find Elements element(by.id('user_name')) element(by.css('div.blog-post .entry-title')) element (by.input( 'username' )); element(by.buttonText('Save')); element(by.partialButtonText('Save')); element(by.linkText('Save')); element(by.partialLinkText('Save')); Angular-specific element(by.model('person.name')) // refers to ng-model directive element(by.binding('person.concatName')); // refers to ng-bind directive
- 10. Collections of Elements var list = element.all(by.css('.items)); expect(list.count()).toBe(3); expect(list.get(0).getText()).toBe('First’) expect(list.get(1).getText()).toBe('Second’) expect(list.first().getText()).toBe('First’) expect(list.last().getText()).toBe('Last’)
- 12. Actions Click element(by.buttonText(‘Submit’)).click(); Use Keyboard element(by.id('user_name')).sendKeys("user1"); sendKeys(protractor.Key.ENTER); sendKeys(protractor.Key.TAB); Clear a field element(by.id('user_name')).clear()
- 13. Checking Data/Visibility element(by.id('create')).isDisplayed() //Is element currently visible/displayed? expect(element(by.css('h2.maintitle')).getText()).toEqual('Grow Your Own Food');
- 14. Demo
- 15. Enhancements • Multiple Browsers • Screenshots protractor-screenshoter-plugin https://www.npmjs.com/package/protractor-screenshoter-plugin • Generate test data files jasmine-trx-reporter https://www.npmjs.com/package/jasmine-trx-reporter multiCapabilities: [{ 'browserName': 'firefox' }, { 'browserName': 'chrome' }]
- 16. Automating test runs • TFS • Jenkins / Grunt / Gulp • https://www.linkedin.com/pulse/automating-angular-apps-using-protractor-integrating-continuous
- 17. TFS build steps – Run install
- 18. TFS build steps – Launch test
- 19. TFS build steps – Publish Test Results
- 20. TFS build steps – Publish Build Artifacts
- 21. TFS build steps – Scheduling
- 23. Next Steps • UI for business users to subscribe to and manage email notifications • More advanced CI UI tests
- 24. Credits Protractor http://www.protractortest.org/#/ Protractor Cheat Sheet https://gist.github.com/javierarques/0c4c817d6c77b0877fda Introduction to Protractor PluralSight Course https://www.pluralsight.com/courses/protractor-introduction Elementor https://github.com/andresdominguez/elementor
- 25. Using Protractor to Build Automated UI “Smoke Tests” DALE SPOONEMORE @DALESPOONEMORE [email protected] WWW.SEEDTOSPOON.NET