# Anchor
click_link 'Save'
# Button
click_button 'awesome'
# Both above
click_link_or_button 'Save'
# Text (area) field
fill_in 'Name', with: 'Content'
# Checkbox
check 'Content'
uncheck 'Content'
# Radio button
choose 'Content'
# Select option from select tag
select 'Option', from: 'Label'
# File input
attach_file Rails.root.join('spec/fixture/some_file.png')
page.all(:xpath, '//a')
page.first(:xpath, '//a')
page.find('//textarea[@id="additional_newline"]')
page.find(:xpath, "//input[@id='form_pets_dog']")['checked']
# => true
page.find(:css, '#with_focus_event').trigger(:focus)
page.find(:css,'.wrapper').hover
page.find_field("test_field").value
# => 'blah'
page.find_by_id('red').tag_name
# => 'a'
# finds invisible elements when false
page.find_by_id("hidden_via_ancestor", visible: false)
page.find_button('What an Awesome')[:value]
# => 'awesome'
page.find_link('abo').text
# => 'labore'
page.find_link('other')[:href]
# => '/some_uri'
Note: find
will wait for an element to appear on the page, as explained in the Ajax section. If the element does not appear it will raise an error.
Note: In XPath the expression //
means something very specific, and it might not be what you think. Contrary to common belief, //
means "anywhere in the document" not "anywhere in the current context".
within(search_form) do
fill_in 'Name', with: 'iOS 7'
click_button 'Search'
end
def search_form
'.search_form'
end
within_fieldset("villain_fieldset") do
# ...
end
within_table("some_table") do
# ...
end
# Execute the given block within the given iframe using given frame name or index.
#
within_frame('some_frame') do
end
save_page
# You need to install launchy gem.
save_and_open_page
visit("http://google.com")
page.current_url
# Execute the given script, not returning a result. This is useful for scripts that return
# complex objects, such as jQuery statements. +execute_script+ should be used over
# +evaluate_script+ whenever possible.
#
page.execute_script("$('#change').text('Funky Doodle')")
# Evaluate the given JavaScript and return the result. Be careful when using this with
# scripts that return complex objects, such as jQuery statements. +execute_script+ might
# be a better alternative.
#
page.evaluate_script("1+3")
# => 4
using_wait_time 6 do
# ... Changed Capybara.default_wait_time in this block scope.
end
expect(page).to have_content("Some Content")
expect(page).to have_no_content("Some Content")
# True if there is a anchor tag with text matching regex
expect(page).to have_xpath("//a")
expect(page).to have_xpath("//a",:href => "google.com")
expect(page).to have_xpath("//a[@href => 'google.com']")
expect(page).to have_xpath("//a[contains(.,'some string')]")
expect(page).to have_xpath("//p//a", :text => /re[dab]i/i, :count => 1)
# can take both xpath and css as input and can take arguments similar to both have_css and have_xpath
expect(page).to have_selector(:xpath, "//p/h1")
expect(page).to have_selector(:css, "p a#post_edit_path")
expect(page).to have_css("input#post_title")
expect(page).to have_css("input#post_title", :value => "Capybara cheatsheet")
# True if there are 3 input tags in response
expect(page).to have_css("input", :count => 3)
# True if there or fewer or equal to 3 input tags
expect(page).to have_css("input", :maximum => 3)
# True if there are minimum of 3 input tags
expect(page).to have_css("input", :minimum => 3)
# True if there 1 to 3 input tags
expect(page).to have_css("input", :between => 1..3)
# True if there is a anchor tag with text hello
expect(page).to have_css("p a", :text => "hello")
expect(page).to have_css("p a", :text => /[hH]ello(.+)/i)
# For making capybara to take css as default selector
Capybara.default_selector = :css
# checks for the presence of the input tag
expect(page).to have_selector("input")
# checks for input tag with value
expect(page).to have_selector("input", :value =>"Post Title")
expect(page).to have_no_selector("input")
# For making capybara to take css as default selector
Capybara.default_selector = :xpath
# checks for the presence of the input tag
expect(page).to have_selector("//input")
# checks for input tag with value
expect(page).to have_selector("//input", :value =>"Post Title")
# checks for presence of a input field named FirstName in a form
expect(page).to have_field("FirstName")
expect(page).to have_field("FirstName", :value => "Rambo")
expect(page).to have_field("FirstName", :with => "Rambo")
expect(page).to have_link("Foo")
expect(page).to have_link("Foo", :href=>"googl.com")
expect(page).to have_no_link("Foo", :href=>"google.com")
A+ Very useful!