Şirket içi bir toplantı için hazırladığım selenium ile ui testleri üzerine sunum dosyam. Biraz specflow dan da bahsedilmiştir.

1. Web Testi

2. Nedir? Gerekli midir? Zor mudur?
• Nedir: Test her çalıştığında web uygulamayı kullanıcı gibi suradaki
textbox nesnesini doldur buradaki butona bas. X yere gitti veya y
sonuç verdi ise test başırılıdır değil ise hatalıdır diye raporlayan araçtır.
• Gerekli mi:Testler geliştiriciler için gereksiz gibi gelir ancak varlıkları ile
erken hata tespiti ve «bir yeri yaptım , bir yer bozuldu» döngüsünden
bizi kurtar. Zaman kazandırır
• Zor mu: Hayır  örnek ile göreceğiz.

3. Selenium
• Nedir: Selenium ücretsiz,açık kaynak kodlu, web uygulamalarının test etmek için
oluşturulmuş kütüphanedir. 2004 yılında Jason Huggins (ThoughtWorks) abimiz
"fast, fast, fast." baskısından sıkılıp tekrar eden işleri farklı tarayıcılarda
gerçekleştirmek için geliştirdiği javascript temelli farkli dillere api leri bulunan
kütüpane.
• Selenium için bazıları cross browser test aracı dese de aslında yaptığı şey bir web
uygulaması kullanıcısının hareketlerini otomatize etme
• Dört ana bileşenini bulunmaktadir. Selenium IDE, Selenium GRID ,Selenium
remote Control ve Selenium Web Driver.

4. Selenium IDE
• Kullanması en kolay Selenium bileşenidir
• Aslında bir firefox eklentisidir.
• Herhangi bir kod yazmadan test gerçekleştir
• Record tuşu ile testi otomatik oluşturabileceğimiz
gibi command,target,value kısımlarını ile
seçerek de oluşturabiliriz
• Hızlı test olusturmak için ideal
• Sadece firefox desteği mevcut
• C#, Java , ruby ... İçin export mevcut

5. Örnek 1

6. Selenium Grid ve Remote Control
• Selenium Grid: Test senaryolarımızı farklı
ayarlar ile paralel olarak çalıştırmıza olana
veren bileşenidir.
• Selenium Remote Control ise uzak testler
gerçekleştibilmemizi sağlayan bileşen.
• Selenium Grid+Remote control ile paralel
ve remote testler gerçekleştirerek güzel bir
comboya imza atmış oluyoruz.

7. Selenium Web Driver
• Test senaryolarımızı Java , ruby , python ve c# gibi bir çok dilde
kodlayarak yazabileceğimiz nunit , xunit gibi birim testleri ile de
eşleştirebileceğimiz kodlarımızı lokal makinemizde çeşitli tarayıcılarda
çalıştırabildiğimiz selenium bileşenidir.
• Programlanarak ve debug edilerek kullanıldığı ve unit testleri ile
kullanılabildiği için benim favorim.
• Çoklu tarayıcı desteği. (firefox,safari,chrome,Internet Explorer)

8. Komutlar
• Sayfa Komutları (Sayfaya git, Refresh ...)
• Element Komutlar (value gir, value oku,click ..)
• Doğrulama Komutları

9. Element Secici/Bulucu Türleri (Locator)
• ClassName
• CssSelector
• Id
• LinkText
• Name
• PartialLinkText(string partialLinkTextToFind);
• TagName(string tagNameToFind);
• XPath(string xpathToFind);

10. ClassName ile seçim
HTML
<div class="cheese"><span>Cheddar</span></div>
<div class="cheese"><span>Gouda</span></div>
C#
IList<IWebElement> cheeses =
driver.FindElements(By.ClassName("cheese"));

11. ID ile seçim
HTML
<div id="coolestWidgetEvah">...</div>
C#
IWebElement element =
driver.FindElement(By.Id("coolestWidgetEvah"));

12. Name ile seçim
HTML
<input name="cheese" type="text"/>
C#
IWebElement element =
driver.FindElement(By.Name("cheese"));

13. Link Text ile seçim
HTML
<a href="http://google.com/search?q=cheese">
cheese</a>
C#
IWebElement element =
driver.FindElement(By.LinkText("cheese"));

14. Partial Link Text ile seçim
HTML
<a href="http://google.com/search?q=cheese">
search for cheese</a>
C#
IWebElement element =
driver.FindElement(By.PartialLinkText("cheese"));

15. Css Selector ile seçim
HTML
<div id="food">
<span class="dairy">milk</span>
<span class="dairy aged">cheese</span>
</div>
C#
IWebElement element =
driver.FindElement(
By.CssSelector("#food span.dairy.aged"));

16. XPath ile seçim
HTML
<input type="text" name="example" />
<INPUT type="text" name="other" />
C#
IWebElement element =
driver.FindElement(
By.CssSelector("#food span.dairy.aged"));

17. Selectorlar yetmedi ise Javascript Executor
Örnek 1
IWebElement element = (IWebElement)((IJavaScriptExecutor)driver).ExecuteScript("return $('.cheese')[0]");
Örnek 2
IList<IWebElement> labels = driver.FindElements(By.TagName("label"));
IList<IWebElement> inputs = (IList<IWebElement>)((IJavaScriptExecutor)driver).ExecuteScript(
"var labels = arguments[0], inputs = []; for (var i=0; i < labels.length; i++){" +
"inputs.push(document.getElementById(labels[i].getAttribute('for'))); } return inputs;", labels);

18. Ufak bir detay Explicit and Implicit Waits
Testler oluştururken en çok hatayı element henüz hazır değil,sayfa henüz
yüklenmemiş ise alıyoruz. Gerek internet hızı, gerek javacriptin kontrolleri
dönüştürmesi sebebi ile bazen beklememiz gerekiyor.
Implicit Wait: Webdriver a elementi dom dan seçmesi için verebileceğimi timeout değeri
driver.Manage().Timeouts().ImplicitlyWait(TimeSpan.FromSeconds(10)); ile belirlenir
Explicit Wait: Webdriver a timeout süresi kadar her 500 milisaniyede bir tekrar denemesinı sağlayan
yapı. Page reload olduğu veya ajax ile veri beklediğimiz anlarda candır.
var element = wait.Until(ExpectedConditions.ElementToBeClickable(By.Id("someid")));

19. Örnek 2
Programatik Yazılmış Web testi

20. Örnek 3
Selenium ide den Export

21. SpectFlow

22. Örnek 4
SpeckFlow

23. Selenium.Support
• Bu kütüphane ile daha okunaklı (readable) ve daha sürdürülebilir
(maintainable) selenium kodları yazmak mümkün.

24. İlgili güzel teknolojiler
• Seleno (Asp.net Mvc için özelleştirilmiş Strongly typed gibi özellikleri
de bulunan selenium destekli test kütüpanesi)
• Telerik Test Framework 2016.1
• MS Coded UI
• Continuous integration ile Testleri çoklu hale getirme.

25. Kaynak
• http://www.seleniumhq.org/
• http://googletesting.blogspot.com.tr/2007/09/seleniums-inventor.html
• http://www.firatdogan.net/post/124228808606/selenium-1-2-webdriver-ve-grid
• http://www.slideshare.net/yuxel/selenium-14821101

26. SON