CODEWITHSUNDEEP
rubyseleniumcucumbercapybara
Daniel Cukier
Daniel Cukier

Reputation: 11942

Cucumber, capybara and selenium - Submitting a form without a button

I have a test using Cucumber, capybara and selenium driver. This test should go to a form and submit it. The normal text would be 

  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"

The problem is that I don't have the OK button in the form I need a way to do the "form.submit", without clicking any button or link - the same as happens when you press ENTER when you are in a form field using the browser.

I don't know how to tell capybara to submit a form. How can I do it?

Upvotes: 23

Views: 16577

Answers (12)

Abhisek
Abhisek

Reputation: 103

Try this..

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

Upvotes: 0

vijay chouhan
vijay chouhan

Reputation: 1012

You can try sending a newline:

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

Upvotes: 1

Pikachu
Pikachu

Reputation: 774

The display:none solution does not work with capybara using selenium driver because selenium complains about interacting with invisible elements. If you try the above solution you may end up seeing the following error message:

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

Upvotes: 1

Patrick
Patrick

Reputation: 5994

This is a bit hackish, but it filled a need. I monkey-patched Capybara to support a #submit method on elements.

It is not robust because it naively creates the POST parameters from every input elements's name and value attributes. (In my case, all my <input> elements were of type hidden, so it works fine).

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

Upvotes: 0

siannopollo
siannopollo

Reputation: 1466

I just had to solve this problem myself. In webrat I had something like this:

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

I was able to achieve the same thing with this in 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

Upvotes: 10

Brian Dunn
Brian Dunn

Reputation: 860

You can access the selenium send_keys method to invoke a return event like

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

Upvotes: 31

user534583
user534583

Reputation:

With Webrat you can just:

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

p. 307, The RSpec Book

Upvotes: 1

Aaron Gibralter
Aaron Gibralter

Reputation: 4853

With the capybara Selenium driver you can do something like this:

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

Upvotes: 5

nakajima
nakajima

Reputation: 1872

I'd recommend you add a submit button, then hide it with CSS. Then you can test the form submission, but still get the user behavior you want.

Upvotes: 1

Hakan Ensari
Hakan Ensari

Reputation: 1979

A simple solution:

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

Worked for me with capybara-envjs. Should work with selenium as well.

Upvotes: 19

Chubas
Chubas

Reputation: 18043

You may probably roll your own step (And I submit the form with the link "Ok", for example), and emulate the submit functionality yourself.

Here it is the javascript emulation dropped in Rails 3 to support "unobtrusive" (emphasis on the quotes) Javascript. The line

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

is probably the clue to answer your problem. The full code is here

Upvotes: 1

jnicklas
jnicklas

Reputation: 2225

Simply put: you can't.

Some browsers will not allow you to submit a form without a submit button at all (most notably Internet Explorer <= 6). So this kind of form is a bad idea to begin with. Add a submit button and position it off the screen with CSS.

Upvotes: 3

Related Questions