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.

 

protractorrevize

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.