Wie finde ich ein CSS-Element auf der Seite, wenn es angezeigt wird: keine?

Question

Ich führe automatisierte Tests in Ruby durch.

Ich versuche, ein Skript zu schreiben, ID mit display:none (nur in mobiler Form sichtbar) findet, und klickt es.

Hier ist mein Code:

def open_menu 
    page.find[:css, "a[id='mobile-nav-link']", visible: false].click 
end 

Es gibt mir eine Fehlermeldung:

Selenium::WebDriver::Error::InvalidSelectorError: 
    invalid selector: No selector specified 

Answer 1

Eine schnelle Suche zeigt ähnlichen Code mit runden Klammern, nicht quadratisch. Id.e .:

def open_menu 
    page.find(:css, "a[id='mobile-nav-link']", visible: false).click 
end 

Answer 2

Selen interagiert nur mit Elementen, wie ein Benutzer tun würde.

Wenn der Link nur im Handy sichtbar ist, würde ich eine der folgenden vorschlagen.

1. Zeigen Sie die Seite über die mobile URL an.

2. Es ist möglich, dass Sie in der Lage sind, die JavaScript-Ausführung von Ruby zu verwenden, um das Steuerelement entweder sichtbar zu machen oder den Wert festzulegen, der angibt, dass Sie die Seite über ein mobiles Gerät anzeigen.

die Steuerung aktualisiert sichtbar sein diskutiert

Dieser Link, wie ein Element sichtbar mit Hilfe von Javascript setzen ausführen: Selenium Webdriver - click on hidden elements

Dieser Link wird erläutert, wie ausführen Rubys Javascript verwenden: How to execute Javascript in Ruby written Webdriver test?

Setzen Sie die beiden zusammen, und Sie bekommen so etwas?

Ich bin nicht vertraut mit Ruby-Syntax, so dass ich keine Garantien geben, dass es Kopieren/Einfügen funktioniert.