Tamam.
Selenium sürücümüzle faydalı bir şeyler yapmanın zamanı geldi.
Bu girdiyi alıp içine bir metin koyduktan sonra tıpkı bir web sitesinde olduğu gibi, oturum açma işlevini test etmek veya uygulamamızdaki
bir tür form işlevini test etmek için otomatik olarak oturum açmaya çalıştığımız yerlerde olduğu gibi
mesajı göster seçeneğine tıklamak istiyoruz.
Bunu nasıl yapabiliriz?
Önce şunu açıklığa kavuşturayım.
Temiz bir paletimiz olsun ve birkaç şeyle başlayalım diye.
Selenium ile çalışırken yapmaktan hoşlandığım ilk şey, kodda ilerlerken bu assert
komutlarını kullanarak işleri doğru yaptığımızdan emin olmaktır.
Bu yüzden assert diyebilirim ve kullanacağımız bu düğme metninin, ki bu mesajı
göster, aslında bu mesajı gösterdiğini iddia etmek istiyoruz.
Sayfamızda mevcut.
Şimdi, bunu kontrol etmenin kolay bir yolu Chrome tarayıcısı demek ve başlık yerine sadece sayfayı kontrol etmek
istiyoruz.
Kaynak.
Saha kaynağı ise buraya sağ tıklayıp sayfa kaynağını görüntüle seçeneğine bakmaktır.
Basitçe, gördüğümüz tüm web sitesinin HTML sürümüdür.
Şovun hangisi olması gerektiğini.
Bunu yaparak, 12. satıra kadar her şey çalışırsa, herhangi bir hata olmadan true değerini alacağımızı
umuyoruz.
O zaman bunu çalıştıralım.
Tamam.
Hiç hata almıyoruz.
Her şey yolunda.
Şimdi devam edelim.
Yapmak istediğim ilk şey bu girdiyi almak.
Bu yüzden teftiş edeceğim.
Ya da daha iyi görebilmek için bunu kapatalım.
Ve kullan.
Girişi inceleyin.
Buradaki girdinin bir kullanıcı mesajı kimliğine sahip olduğunu görüyoruz, bu yüzden hatırlarsanız bunu kimlikle yakalayabiliriz.
Ve burada hile sayfamıza doğru ilerliyoruz.
Find element by ID yöntemini kullanarak öğeleri ID'ye göre yakalayabileceğimizi görüyoruz.
Hadi yapalım şunu.
Ben söyleyeceğim.
Chrome tarayıcı.
Dot find element by ID ve almak istediğim ID adı kullanıcı mesajıydı.
Hadi yapalım şunu.
Kullanıcı mesajı diyeceğim.
Bu kimliği yakaladığımıza göre yapmak istediğim ilk şey, burada belki de önceki
bir kullanıcıdan gelen bir metin olmadığından emin olmak.
Bu yüzden genellikle girdileri alırken kullanıcı mesajı gibi bir şey yaparım.
Burada kullanıcı mesajı adında yeni bir değişken oluşturalım.
Ve kullanıcı mesajının girişteki her yeri temizlemek için noktayı temizle diyeceğim ve sonra oradan devam edeceğim.
Oh, ve bunun bu şekilde alt çizgi olduğundan emin olalım.
Ve sonra buradan gönder tuşlarını kullanabiliriz ve gönder tuşları der ki, hey, kullanıcı mesajında, bu tuş vuruşlarını
bir kullanıcı yazıyormuş gibi gönderin ve dizeyi verin.
Hadi ben ekstra havalıyım diyelim.
Bu biraz aptalca ama sorun olmaz.
Bu yüzden yazmayı taklit edeceğiz.
Temizledikten sonra bu girdiye ekstra soğuk bakıyorum.
Bakalım işe yarayacak mı?
Ben kaçacağım.
Vay be.
Ne kadar havalı değil mi?
Şunu görüyor musun?
Sadece bir kutuya otomatik olarak yazıyoruz ve o da diyor ki, ben ekstra havalıyım.
Harika.
Şimdi bir sonraki adım, bu düğmeyi yakalamak ve ardından mesajınızın burada görüntülenmesi için üzerine tıklamayı simüle
etmek istiyoruz.
Mesajı göster seçeneğine tıklarsam, bunun yazdırıldığını görürsünüz.
Tarayıcılarımızdan bazılarını kapatalım çünkü şu anda bir sürü Selenium tarayıcısının açık olduğunu hissediyorum.
Bu daha iyi.
Şimdi bunu bir kez daha elde ettiğimize göre, düğmeyi seçebiliriz.
Unutmayın, düğmeyi bu şekilde seçebiliriz.
Ama buna düğme metni demeyelim.
Burada spesifik olmayı seviyorum, bu yüzden buna mesajı göster düğmesi diyelim.
Şimdi daha önce yakaladığımız bu mesajı göster düğmesi.
Yapmak istediğimiz ilk şey.
Bir tıklamayı simüle etmek için.
Aynen böyle.
Yani anahtarları gönderiyoruz ve sonra tıklıyoruz.
Bakalım işe yarayacak mı?
Bunu kaydedip kaçacağım.
Hmm.
Görünüşe göre işe yaramamış.
Ne olduğunu kontrol edeyim.
Bir isim bulduk.
Hata düğmesi metni tanımlanmamış.
Bunun nedeni de yazdırma işlevindeki isimlendirmeyi düzeltmemiş olmamız.
O zaman adını değiştirelim.
Aslında bunu yorumlayarak çıkarabiliriz çünkü artık yazdırmamıza gerek yok.
Ve tekrar çalıştıralım.
Vay be.
Bunu da görüyor musunuz?
Bunun ne kadar hızlı olduğunu fark ettiniz mi?
Ben ekstra havalıyım.
Mesajı göster'e tıkladım ve şimdi mesajım görünüyor.
Çok, çok havalı.
Diyelim ki bu bilgiyi almak istedik.
Ne yapabiliriz?
Bir kez daha sağ tıklayabiliriz, bu yüzden varsayılanımızı kullanalım.
İncele'ye sağ tıklayalım.
Şimdiye kadar bunun kolaylaşmaya başladığını tahmin edebilirsiniz.
Ekran kimliğine sahip olduğumuzu görüyoruz, bu yüzden bunu alacağız.
Ve bunun çıktı mesajı olacağını söyleyin.
Ve çıktı mesajı şu şekilde olacaktır.
Chrome tarayıcı.
Dot öğeyi ID'ye göre bulur ve ona görüntü verir.
Ve belki şimdi bunun çalıştığını doğrulamak için bir assert yöntemi kullanacağım ve diyeceğim
ki, hey, I am'in çalıştığını doğrulamak istiyorum.
Ekstra havalı.
Kaç tane O var?
Çıktı mesajında doğru görünen dört O var.
Ve yapmak istediğimiz şey aslında metni görmektir, böylece burada get niteliğiyle yaptığımız gibi iç HTML'yi
söyleyebilir veya sadece metin diyebiliriz.
Yani bunu çalıştırırsam.
Hava atmak yok.
Şimdi her şey çalışıyor.
Bu basit bir örnek, ancak her şeyin ne kadar hızlı gerçekleştiğini fark ettiniz mi?
Yani, bunu bir insan yapacak olsaydı, burayı seçmeniz ve bunu yazmanız gerekirdi.
Ardından mesajı göster seçeneğine tıklamanız gerekir ve sonunda mesajınız görüntülenir.
Test otomasyonunun yazılım geliştirmenin bu kadar önemli bir parçası olmasının nedeni, işleri gerçekten çok hızlı yapabilmenizdir.
Makinenin tarayıcıyı son derece hızlı kontrol etmesine izin verirsiniz, böylece milyonlarca kez istediğiniz kadar test yapabilirsiniz.
Tıklamaları simüle edebilir, bilgi girebilir, bir insanın yapabileceği her şeyi yapabilirsiniz.
Selenium da kullanmanıza izin verir.
Şimdi size çok yaygın olan başka bir seçim yöntemi göstermek istiyorum.
ID'ye göre eleman bulma, sınıf adına göre eleman bulma işlemlerini yapabileceğimizi gördük.
Ancak çok kullanışlı olan bir başka şey de Chrome tarayıcısının sınıf adı yerine nokta bulma öğesini kullanmasıdır.
CSS denilen bir şey kullanıyoruz.
Ve CSE seçici.
Burada CSIS'i değil, bir tarayıcıda CSIS'i öğreneceğiz.
Aldığınız stil.
Örneğin, düğmeye bakıp inceleme yaparsam, sınıfın varsayılan düğme düğmesi olduğunu görürsünüz.
Ve bir sınıfta buna CSIS diyoruz.
Bu ona, hey, bunlar bizim istediğimiz stiller, der.
Burada Stiller sekmesinde düğme, varsayılan ve düğme olduğunu görebilirsiniz ve bu, bir web sayfasındaki
stillerimizi kontrol eder, örneğin, bunun işaretini kaldırırsam.
Benim düğmem.
Artık stil yok.
Eğer bunlardan bazılarının işaretini kaldırırsam.
Yine, düğme stili kaybolur.
Böylece aslında CSS seçicilerini tekrar kullanabiliyoruz, kendi başınıza Google'da aratabileceğiniz bir şey ya da bunu gerçekten
yakalamak için diğer kurslarımda öğretiyorum.
Dolayısıyla, böyle bir şey yapmanın ve varsayılan olarak düğmeyi yakalamanın yolu, diyelim ki CSS sınıfı
noktasını kullanmaktır.
Ancak bu bir CSS seçicisidir, örneğin, formun altındaki tüm düğmeleri almak istersem, input'u
alırım, yani input'u alırım, sonra ID anlamına gelen LB'yi yaparım.
Girdi al.
Ve sonra ID'ye sahip tüm formların girdi aldığını ve alt düğme olan her şeyi almanızı istediğimi söyleyin.
Böylece eğer kullanıcı yaparsam.
Mesaj veya kullanıcı.
Düğme.
Buraya şunu söyleyeceğim, eğer bunu şimdi yazdırırsam ve buna bir kullanıcı düğmesi dersem, bunun select değil selector olması gerekirdi.
Hadi bunu düzeltelim.
Şunu görüyor musun?
Bu unsuru da bu şekilde yakalayabiliyorum.
Tamam.
Biraz ara verelim, çünkü az önce açtığım tüm pencerelere bir bakın.
Bu biraz çılgınca olmaya başladı.
Bir sonraki videoda size tüm bunları nasıl kapatacağınızı göstereceğim.
Bir sonrakinde göreceğim.
Güle güle.