Gurke, Capybara und Selen - Ein Formular ohne einen Knopf einreichen

Question

Ich habe einen Test mit Gurke, Capybara und Selen-Treiber. Dieser Test sollte zu einem Formular gehen und es einreichen. Der normale Text

Scenario: Fill form 
    Given I am on the Form page 
    When I fill in "field1" with "value1" 
    And I fill in "field2" with "value2" 
    And I press "OK" 
    Then I should see "Form submited" 

Das Problem sein würde, ist, dass Ich habe nicht die OK-Taste in der Form ich einen Weg brauchen die „form.submit“ zu tun, ohne eine Schaltfläche oder einen Link zu klicken - Das gleiche passiert, wenn Sie in einem Formularfeld mit dem Browser die EINGABETASTE drücken.

Ich weiß nicht, wie Capybara ein Formular zu übermitteln. Wie kann ich es tun?

Answer 1

können Sie die Methode Selen send_keys Zugriff auf eine Rückkehr Ereignis wie

find_field('field2').native.send_key(:enter) 

Answer 2

Einfach ausgedrückt: Sie können nicht.

In einigen Browsern können Sie kein Formular ohne Absenden-Schaltfläche senden (vor allem Internet Explorer < = 6). Diese Form ist also eine schlechte Idee. Fügen Sie eine Senden-Schaltfläche hinzu und positionieren Sie sie über den Bildschirm mit CSS.

Answer 3

Sie können wahrscheinlich Ihren eigenen Schritt (und ich überweise das Formular mit dem Link "Ok", zum Beispiel), und emulieren die Übermittlungsfunktionalität selbst.

Hier ist es die Javascript-Emulation in Rails 3 fallengelassen, um "unaufdringlich" (Hervorhebung der Zitate) Javascript zu unterstützen. Die Linie

Capybara::Driver::RackTest::Form.new(driver, js_form(self[:href], emulated_method)).submit(self) 

ist wahrscheinlich der Schlüssel, um Ihr Problem zu beantworten. Der vollständige Code ist here

Answer 4

Eine einfache Lösung:

When /^I submit the form$/ do 
    page.evaluate_script("document.forms[0].submit()") 
end 

für mich gearbeitet mit Capybara-envjs. Sollte auch mit Selen arbeiten.

Answer 5

Ich würde empfehlen, dass Sie eine Absenden-Schaltfläche hinzufügen und dann mit CSS ausblenden. Dann können Sie die Formularübergabe testen, erhalten aber trotzdem das von Ihnen gewünschte Benutzerverhalten.

Answer 6

Mit dem Capybara Selen-Treiber Sie so etwas tun kann:

within(:xpath, "//form[@id='the_form']") do 
    locate(:xpath, "//input[@name='the_input']").set(value) 
    locate(:xpath, "//input[@name='the_input']").node.send_keys(:return) 
end 

Answer 7

Mit webrat können Sie einfach:

When /^I submit the form$/ do 
    submit_form "form_id" 
end 

p. 307, The RSpec Buch

Answer 8

musste ich berufen gerade dieses Problem selbst lösen. In webrat hatte ich so etwas wie dieses:

Then /^I submit the "([^\"]*)" form$/ do |form_id| 
    submit_form form_id 
end 

konnte ich das gleiche mit diesen in Capybara erreichen:

Then /^I submit the "([^\"]*)" form$/ do |form_id| 
    element = find_by_id(form_id) 
    Capybara::RackTest::Form.new(page.driver, element.native).submit :name => nil 
    end 

Answer 9

Das ist ein bisschen hackish, aber es füllte eine Notwendigkeit. Ich monkey-Patched Capybara, um eine #submit Methode auf Elementen zu unterstützen.

Es ist nicht robust, da sie ganz naiv die Parameter POST erzeugt von jedem Eingang der Elemente name und value Attribute. (In meinem Fall waren alle meine <input> Elemente vom Typ hidden, also funktioniert es gut).

Answer 10

Das Display: keine Lösung funktioniert nicht mit Capybara Selen-Treiber verwenden, weil Selen beschwert über die Interaktion mit unsichtbaren Elementen. Wenn Sie die obige Lösung versuchen Sie die folgende Fehlermeldung am Ende sehen kann:

Element is not currently visible and so may not be interacted with (Selenium::WebDriver::Error::ElementNotVisibleError) 

Answer 11

können Sie versuchen, eine neue Zeile zu senden: Diese

find_field('field2').native.send_key("\n") 

Answer 12

Versuchen ..

find(:css, "input[name$='login']").native.send_keys :enter