Capybara Capybara hjälper dig att testa webbapplikationer genom att simulera hur en riktig användare interagerar med din app.
Navigering & Åtgärder
visit '/login'
visit articles_path
Klicka på länkar & knappar
click_on 'Submit' # Matchar länk- eller knapptext
click_button 'Save Changes'
click_link 'Log Out'
Formulärkontroller
fill_in 'Email', with: '[email protected]'
fill_in 'Password', with: 'secret'
choose 'Male' # Radioknapp
check 'Accept Terms' # Kryssruta
uncheck 'Send Newsletter'
select 'California', from: 'State'
unselect 'Hawaii', from: 'State'
attach_file 'Avatar', '/path/to/image.png'
Scoping & Kontext
Begränsa åtgärder till en specifik DOM-nod eller ett formulär:
within '.modal-dialog' do
fill_in 'Username', with: 'admin'
click_button 'Confirm'
end
within_fieldset 'Shipping Address' do
fill_in 'City', with: 'San Francisco'
end
within_table 'Orders' do
expect(page).to have_content('$99.00')
end
RSpec Matchers
expect(page).to have_content('Welcome Back')
expect(page).to have_current_path('/dashboard')
# Elementnärvaro
expect(page).to have_selector('div.alert', text: 'Success')
expect(page).to have_css('button.primary')
expect(page).to have_xpath('//table/tr')
# Formulärkontroller
expect(page).to have_field('First Name', with: 'John')
expect(page).to have_checked_field('Agree to Terms')
expect(page).to have_select('Role', selected: 'Developer')
expect(page).to have_button('Submit', disabled: false)
expect(page).to have_link('Profile', href: '/users/1')
# Negativa påståenden
expect(page).to have_no_content('Error')
expect(page).not_to have_selector('.modal')
Elementsökare (Finders)
btn = find('button.submit')
btn.click
field = find_field('Email')
link = find_link('Home')
all('li.nav-item').each do |item|
puts item.text
end
JavaScript-varningar & Modaler
# Acceptera webbläsarlarm
accept_alert do
click_button 'Show Alert'
end
# Acceptera bekräftelsedialog
accept_confirm do
click_button 'Delete Account'
end
# Avvisa bekräftelsedialog
dismiss_confirm do
click_button 'Cancel Order'
end
Felsökning
# Öppna renderad HTML-sida i webbläsaren
save_and_open_page
# Spara skärmdump
save_and_open_screenshot
# Kör JavaScript
page.execute_script("$('.dropdown').show()")
result = page.evaluate_script("window.innerWidth")