jQuery Forum

Well, I ended up getting with the following (using cucumber and capybara).

2. When /^I select "([^\"]*)" from the autocomplete$/ do |user|
3.   find('#user').node.send_keys(Selenium::WebDriver::Keys.const_get(:KEYS)[:down])
4.   locate("a:contains('#{user}')").click
5. end

It only works if the one being selected is the first item in the list.  After digging around in the autocomplete code, I now realize, I might be able to achieve the same thing by triggering the mouseenter on the needed item.  Not sure what the best way to do that.

Hey,

I recently wrote a HOWTO on this topic, showing you the sequence of events you'll need to use in Selenium to property invoke the autocomplete menu and select an item from it:

http://blog.buberel.org/2010/07/howto-test-jquery-ajax-autocomplete-menus-with-selenium.html

Cheers,
Jason

The execute_script command was added. If you change the code to what's below it works nicely.

1. When /^(?:|I )click "([^"]*)" in autocomplete results$/ do |target|
2.   page.execute_script %Q{ $('.ui-menu-item a:contains("#{target}")').trigger("mouseenter").click(); }
3. end