Capybara with Rspec - How to find and assert fields

Fri, 01 Oct 2021 11:45:14 +0530

Capybara provides find_field API to find input fields.

find_field('id_of_checkbox', type: 'checkbox')

To add assertions for input fields we can use Rspec matcher have_field which has similar usage as find_field.

expect(page).to have_field('id_of_checkbox', type: 'checkbox')

In some cases input fields are not found using find_field, specially when input field(s) are added by third party library.

Let’s take an example of toggle component that we recently used to understand this problem better.

<Toggle
  id="toggleId"
  name="toggleName"
  size="large"
  isDisabled={disableToggle}
  value={toggleValue}
  isChecked={toggleValue}
  onChange={handleToggleChange}
/>

Adding above component in react code generates following HTML.

Rspec on Taha Husain

Capybara with Rspec - How to find and assert fields