Bu bölümde Mobil Chrome tarayıcıda otomatikleştireceğimiz web siteleri için UI bulucuları nasıl elde edebileceğimizden bahsedeceğiz.

Test etmek istediğiniz sitenin mobil sürümünü kullandığınızdan emin olun. Örneğin, http://m.facebook.com mobil web sitesiyken, http://www.facebook.com Masaüstünde varsayılan web sitesidir. Ancak, masaüstünüzde http://m.facebook.com’u açabilir ve masaüstünüzde mobil görünümü elde edebilirsiniz. Sonuç olarak, ilk olarak ilgilendiğimiz Mobil web sitesini otomatik hale getirmemiz gerekiyor.

Web Sitesi URL’sini aldıktan sonra, etkileşimde bulunacağımız öğelerin konumlandırıcılarını bulmamız gerekiyor. Bu, öğeleri bir Mobil Yerel uygulamadan almaktan biraz farklıdır. Bir Mobil Yerel uygulamada öğeleri Appium Inspector kullanarak alabiliriz, Web Sitesi otomasyonu için ise UI öğelerini tarayıcının kendisinden alabiliriz, herhangi bir üçüncü taraf aracına güvenmemiz gerekmez.

Selenium’a aşina iseniz, web sitesi UI öğelerini nasıl alacağınızı zaten biliyorsunuzdur.

Aşağıda, UI Öğesi konum belirleyicilerini elde etmek için konum belirleme stratejileri yer almaktadır:

• ID
• Name
• Class Name
• XPath
• LinkText
• Partial Link Text

1) ID

Id = “m_login_email” , “Mobile number or email address” metin alanı için.

Selector Code:

driver.findElement(By.id(“m_login_email”));

2) Name

Name = “email” ,“Mobile number or email address” metin alanı için

Selector Code:

driver.findElement(By.name(“email”));

3) Class Name

Class Name = “_56bg _4u9z _5ruq” f, “Mobile number or email address” metin alanı için. Lütfen bu konumlandırıcıyı, sınıf adı DOM’da yalnızca bir kez tanımlandığında kullanın. DOM’da birden fazla sınıf adı bulunursa, lütfen onu kullanmayın.

Selector Code:

driver.findElement(By.className(“_56bg _4u9z _5ruq”));

4) XPath

XPath Selector = “//*[@class=’_56bg _4u9z _5ruq’]” veya “//input[@id=’m_login_email’]” veya “//input[@name=’email’]”,“Mobile number or email address” metin alanı için.

Selector Code:

driver.findElement(By.xpath(“//*[@class=’_56bg _4u9z _5ruq’]”));

5) LinkText ve Partial LinkText

LinkText Selector = Aşağıdaki resimde gösterilen Yardım Merkezi bağlantısı için “Help Centre”.

Kısmi LinkText Seçici = “Help Cen”, yukarıdaki (tam) LinkText bulucu ile aynı şekilde çalışacaktır.

Bu konum belirleme stratejisi, Bağlantı Metni için UI Konum Belirleyicisini almak için geçerlidir.

• Selector Code(Link Text):

driver.findElement(By.linkText(“Help Centre”)).click();

Selector Code(Partial Link Text):

driver.findElement(By.partialLinkText(“Help Cen”)).click();

Mobil tarayıcı otomasyonu — Örnek test durumu

Konsepti daha somut hale getirmeye yardımcı olmak için tüm bu teoriyi biraz uygulamaya koyalım. Aşağıdakileri yapacak örnek bir otomasyon test senaryosu/komut dosyası oluşturduk:

İlgili cihazda Chrome/Safari Tarayıcısını açın.

Kullanıcı Adı ve Parolayı doldurun.

Giriş düğmesine tıklayın.

Android için

iOS