Dưa chuột, capybara và selen - Gửi biểu mẫu không có nút

Question

Tôi có thử nghiệm bằng cách sử dụng trình điều khiển Cucumber, capybara và selenium. Thử nghiệm này nên đi đến một biểu mẫu và gửi nó. Các văn bản bình thường sẽ là

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" 

Vấn đề là Tôi không có nút OK theo hình thức Tôi cần một cách để làm "form.submit", mà không cần nhấp bất kỳ nút hoặc liên kết - giống như khi bạn nhấn ENTER khi bạn đang ở trong một trường biểu mẫu bằng cách sử dụng trình duyệt.

Tôi không biết cách yêu cầu capybara gửi biểu mẫu. Tôi làm nó như thế nào?

Answer 1

Bạn có thể truy cập vào các phương pháp selen send_keys để gọi một sự kiện trở lại như

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

Answer 2

Chỉ cần đặt: bạn không thể.

Một số trình duyệt sẽ không cho phép bạn gửi biểu mẫu mà không có nút gửi nào cả (đáng chú ý nhất là Internet Explorer < = 6). Vì vậy, loại hình thức này là một ý tưởng tồi để bắt đầu. Thêm một nút gửi và định vị nó ra khỏi màn hình bằng CSS.

Answer 3

Bạn có thể cuộn bước của riêng bạn (Và tôi gửi biểu mẫu có liên kết "Ok", ví dụ) và tự mô phỏng chức năng gửi.

Đây là mô phỏng javascript đã giảm trong Rails 3 để hỗ trợ "không phô trương" (nhấn mạnh vào dấu ngoặc kép) Javascript. Dòng

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

có lẽ là đầu mối để giải đáp vấn đề của bạn. Mã đầy đủ là here

Answer 4

Một giải pháp đơn giản:

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

Làm việc cho tôi với Capybara-envjs. Nên làm việc với selen là tốt.

Answer 5

Tôi khuyên bạn nên thêm nút gửi, sau đó ẩn nó bằng CSS. Sau đó, bạn có thể kiểm tra việc gửi biểu mẫu, nhưng vẫn nhận được hành vi người dùng mà bạn muốn.

Answer 6

Với sự điều khiển Selenium Capybara bạn có thể làm một cái gì đó như thế này:

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

Với Webrat bạn có thể chỉ:

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

p. 307, The RSpec Sách

Answer 8

Tôi chỉ phải giải quyết vấn đề này bản thân mình. Trong webrat Tôi có một cái gì đó như thế này:

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

tôi đã có thể đạt được điều tương tự với này trong Capybara:

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

Đây là một chút hackish, nhưng nó đầy một nhu cầu. Tôi khỉ Capybara vá để hỗ trợ một phương pháp #submit trên các yếu tố.

Nó không mạnh mẽ vì nó tạo ra các thông số POST một cách ngây thơ từ mọi thuộc tính name và value của các yếu tố đầu vào. (Trong trường hợp của tôi, tất cả các thành phần <input> của tôi thuộc loại hidden, vì vậy nó hoạt động tốt).

class Capybara::Node::Element 
    # If self is a form element, submit the form by building a 
    # parameters from all 'input' tags within this form. 
    def submit 
    raise "Can only submit form, not #{tag_name}" unless tag_name =~ /form/i 

    method = self['method'].to_sym 
    url = self['action'] 
    params = all(:css, 'input').reduce({}) do |acc, input| 
     acc.store(input['name'], input['value']) 
     acc 
    end 

    session.driver.submit(method, url, params) 
    end 
end 

... 

form = find('#my_form_with_no_submit_button') 
form.submit 

Answer 10

Hiển thị: không có giải pháp nào không hoạt động với capybara sử dụng trình điều khiển selen vì selenium phàn nàn về tương tác với các phần tử vô hình. Nếu bạn cố gắng giải pháp trên bạn có thể sẽ nhìn thấy thông báo lỗi sau:

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

Answer 11

Bạn có thể thử gửi một dòng mới:

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

Answer 12

Hãy thử điều này ..

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