Rails / Rspec / Capybara：执行脚本的JavaScript字符串的引号

Question

Given that I need to set an element's selected index with javascript in capybara by the input name...

var element = document.querySelector("select[name='user[user_locations_attributes][0][location_attributes][state]']").selectedIndex = '50';

What is the proper way to interpret this as a string so it can be executed in Capybara with execute_script(function_name_string) ? Because I keep getting syntax errors, unsure how to nest the " and ' quotations.

Answer 1

Easiest solution to your question is to use a heredoc

page.execute_script <<~JS
  var element = document.querySelector("select[name='user[user_locations_attributes][0][location_attributes][state]']").selectedIndex = '50';
JS

Although if you have need for the element for anything else it's probably nicer to find the element in ruby and then just call execute_script on the element

el = find("select[name='user[user_locations_attributes][0][location_attributes][state]']")
el.execute_script('this.selectedIndex = 50;')

As a related question - is there a reason you're doing this via JS rather than just clicking on the correct option? If you're just scraping a page there's no issue, but if you're actually testing something this basically makes your test invalid since you could potentially be doing things a user couldn't

Since you commented that you are testing, you really shouldn't be doing this via JS, but should instead be using select or select_option . select takes the options string (which you should have - otherwise why have a select element in the first place)

select('the text of option', from: 'user[user_locations_attributes][0][location_attributes][state]')

select_option is called on the option element directly, which can be found in a number of ways, such as

find("select[name='user[user_locations_attributes][0][location_attributes][state]'] option:nth-child(50)").select_option