Protractor: Ng-przyjazne Selenium

1. PROTRACTOR
Ng-przyjazne Selenium

2. PROSTY PRZYKŁAD

3. ARCHITEKTURA PROTRACTORA
ServerTest Client Browser
NodeJS
Protractor
Selenium Server
Web
Driver
JS
WebDriver
AngularJS App
HTTP
Json
Web
Driver
Wire
Protocol

4. • ogarnia $digest
• Asynchroniczność
– WebDriverJs API – promise’y
– Jasmine expect – promise’y
• Control Flows
PROTRACTOR I ANGULAR
it('should find an element by text input model', function() {
browser.get('app/index.html#/form');
var username = element(by.model('username'));
username.clear();
username.sendKeys('Jane Doe');
var name = element(by.binding('username'));
expect(name.getText()).toEqual('Jane Doe');
});

5. LOKATORY
• addLocator
• binding
• exactBinding
• model
• buttonText
• partialButtonText
• repeater
• cssContainingText
• options
• + lokatory z webdriver.By

6. MOCKOWANIE SERWERA
Browser ServerTest Client
Browser ServerTest Client

8. PYTANIA?

9. DZIĘKUJĘ ZA UWAGĘ