Reliable Capybara Cheetsheet

cheet_spec.rb

# Find the first matching element

# Bad:

first('.active').click
  
# Good:
  
find('.active').click
find('.active', match: :first).click
  
# Interact with all matching elements

# Bad:

all('.active').each(&:click)
  
# Good:
  
find('.active', match: :first)
all('.active').each(&:click)
  
# Directly interacting with javascript

find('.active')
execute_script('$(".active").focus')
  
# Checking a field's value

expect(page).to have_field("Username", with: 'Joe')
  
# Checking an element's attribute

expect(page).to have_css(".user[data-name=''Joe]")
  
# Looking for matching CSS

# Bad:

expect(has_css?('active')).to be_true

# Good:

expect(page).to have_css('.active')