XPath kullanarak yalnızca görünen öğeleri nasıl seçerim?

Question

Selenium'u kullanarak bazı testler yazmaya çalıştığım bir GWT uygulamasına sahibim.

Testler için sayfadaki öğeleri tanımlamak üzere XPath kullanıyorum. id kullanmak, id değerleri GWT tarafından otomatik olarak oluşturulduğu için çalışmaz ve değiştirilebilir. Ben şöyle onların etiketlerle düğmeleri bulabildiğim fark edince İşler iyi gitmeye başladım:

//button[.='OK'] 

Ancak, ben sorunları yaşamaya başladı birden testler başladı. Sorunun, Javascript tarafından oluşturulan ve gizli <div> öğelerinde HTML'de kaldığı GWT uygulamasının tüm farklı "sayfalarının" olduğunu fark ettim. Bu, Selenium testlerimin bazen geçerli görünümde görünen düğme yerine gizli düğmelere tıklanması anlamına geliyordu. Firebug ile HTML incelenmesi

, GWT onların style niteliğine display: none ekleyerek <div> unsurları gizler gibi görünüyor. Bu aşağıdaki gibi tüm gizli Tamam düğmelerini bulabilirsiniz anlamı:

//div[contains(@style,'display: none')]//button[.='OK'] 

Bu style yılında display: none sahip olarak gizlidir bir atası <div> sahip düğmeler yani tüm gizli Tamam düğmelerini bulacaksınız.

Sorum şu: Yalnızca görünen OK düğmelerini bulmak için XPath'ı nasıl kullanırım? styledisplay: none ile <div> öğeye sahip olmayan düğmeleri nasıl bulabilirim?

Answer 1

Bu çalışması gerekir:

.//button[.='OK' and not(ancestor::div[contains(@style,'display:none')]) 
and not(ancestor::div[contains(@style,'display: none')])] 

DÜZENLEME:

basit ve daha verimli ifade aşağıda:

//div[not(contains(@style,'display:none'))]//button[.='OK'] 

düzgün çalışmıyor her düğme görünür olduğu için en az bir div sahip olduğundan atalarında.

Answer 2

Selenium 2 Webdriver, bize bu sorunla ilgilenen isDisplayed() yönteminin seçeneğini sunar. Selenyum katkıda bulunanlar tarafından güzel bir çalışma.

Answer 3

//div[contains(@style,'display: block')] 

Bu kod görünür eleman XPath bu kadar