Selenium, AngularJS sayfa öğelerini göremiyor

Question

Uygulamamı kontrol etmek için Selenium testi yazarken sorun yaşıyorum. Test etmek istediğim kullanıcı doğru oturum açma/şifre yazarken, sayfa doğru gösterildiğinde ve kullanıcı giriş yaptığında.

Ana sorun, giriş formumun bir AngularJS yönergesi olarak oluşturulmuş olmasıdır (İki farklı giriş sayfam var ve bu yönerge her iki yerde de yeniden kullanılır) ve Selenium bu direktifin oluşturduğu işaretlemeden öğeleri göremiyor gibi görünüyor. En önemli olan, yönerge tarafından oluşturulan normal işaretlemenin yerini almadan önce bu sayfada testler geçiyordu.

Selenium, yönerge tarafından oluşturulan html öğelerini göremiyor gibi görünüyor.

Bu sorunun nasıl üstesinden gelebileceğime dair herhangi bir öneriniz var mı? Elbette bu değişikliği geri döndürme yönergesi getiriliyor :)

Answer 1

Tamam kullanılarak bulunabilir beni Selenyum ile Geb kötüye oldu gibi görünüyor olmalı. Ben varsayılan sürücü belirtmemiştim ve Geb AngularJS ile çalışmayan birini aldı. Sürücüyü Chrome'a ​​el ile değiştirdikten sonra, her şey çalışmaya başladı.

Answer 2

Sayfa kaynağı, Şablonu Angular tarafından derlenmeden önce gösterecektir. Chrome'un geliştirici konsolunu kullanarak derlenmiş şablonu görebilmeniz gerekir: Bir öğeye sağ tıklayıp açmak için 'incelemek öğesi'ni seçmeyi deneyin.

driver.getPageSource() aynı nedenden dolayı başarısız olur (derlenmemiş şablonu alır), ancak driver.findElement() düzgün çalışmalıdır.

<input id="username" type="text" ng-model="foo"/> 

,

driver.findElement(By.id("username")); 

Answer 3

Bunun açısal bir ilişki olduğunu düşünmüyorum ama Selenium ile ilgili, Selenium herhangi bir JavaScript manipülasyonundan önce sadece ilk DOM'a sahip olacak.

Aynı sorunu DOM öğelerini oluşturan basit jQuery eklentileriyle de gördük. tavsiye burada yardımcı olur

bakınız:

Why can't Selenium find dynamically added DOM elements? Capybara doesn't recognize dynamically added DOM elements?