Birkaç basit adımda Protractor kurulumunu gerçekleştirebilirsiniz. Ama öncesinde npm paket yöneticisinin bilgisayarınızda kurulu olması gerekmektedir. Daha fazla bilgi için npm’in resmi web sitesinden yararlanabilirsiniz.
Adım 1: Ortam Kurulumu
NPM aracını kullanarak Protractor’ı bilgisayarınıza indirin.
npm install -g protractor
Selenium Server uygulamasını başlatın.
webdriver-manager update & webdriver-manager start
Adım 2: Test Kodu
Örnek bir test kodu hazırlayın (example.js).
// Modüler bir yapı için Page-Object design pattern’ı fayda sağlayacaktır.
var homePage = {
nameData: element(by.model('yourName')),
greeting : element(by.binding('yourName')),
get : function() {
browser.get('index.html');
},
setName : function(name) {
this.nameData.sendKeys(name);
}
};
describe('website homepage', function() {
it('should greet the named user', function(){
homePage.get();
homePage.setName('John');
expect(homePage.greeting.getText()).
toEqual('Hi John!');
});
});
Adım 3: Konfigürasyon
Protractor konfigürasyon dosyasına (conf.js) testlerinizin koşulmasını istediğiniz ortam bilgilerini girin.
exports.config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
specs: ['e2eTests/*'],
capabilities: {
'browserName': 'chrome'
},
baseUrl: 'http://www.mywebsite.org/',
};
Adım 4: Test Koşumu
Testleri konfigürasyon dosyasını belirterek başlatın.
protractor conf.js
Sonucu aşağıdaki gibi olmalı.
1 test, 1 assertions, 0 failures
Referanslar:
https://github.com/angular/protractor/blob/master/docs/api-overview.md
https://masteringmean.com/lessons/619-Testing-the-AngularJS-Application
http://googletesting.blogspot.com.tr/2014/11/protractor-angular-testing-made-easy.html
http://ramonvictor.github.io/protractor
-------------------
“Angular.js Uygulamalarının Test Otomasyonunda Protractor Kullanmak İçin 7 Neden” isimli infografik için tıklayınız.