Using TomSelect.js and Capybara with Ruby on Rails and RSpect

README.md

TomSelect and Capybara

• TomSelect.js manipulates the html structure of a select field to a degree that capybara select/find doesn't natively work.
• You need to create a TomSelectHelper method that instructs capybara specifically how to find and click on an option.

rails_helper.rb

# spec/rails_helper.rb

RSpec.configure do |config|
  config.include TomSelectHelper, type: :feature
end

tom_select_helper.rb

# spec/support/tom_select_helper.rb

module TomSelectHelper
  def fill_in_tom_select_field(input_selector:, text_value:)
    # Find the TomSelect wrapper
    wrapper = find("#{input_selector} + .ts-wrapper")
    wrapper.click

    # Wait for dropdown and select option
    within('.ts-dropdown-content') do
      find('.option', text: text_value, wait: 5, exact_text: true).click
    end
  end
end

widgets_spec.rb

# spec/features/widget_spec.rb

describe 'Admin Widget', type: :feature, js: true do
  
  fill_in_tom_select_field_outset(
    input_selector: '#widget_operation',
    text_value: 'option name'
  )
  
end