Home/ Questions/Q 6965355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T16:03:06+00:00

My page has a jquery ui datepicker on an input field #graph_start_date I’m trying

  • 0

My page has a jquery ui datepicker on an input field #graph_start_date

I’m trying to write the following Cucumber steps

When I click the graph start date
Then I should see a datepicker

Here’s what I have for the step definitions:

When /I click the graph start date/ do
  find(".//*[@id='graph_start_date']").click
end

Then /^I should see a datepicker$/ do
  page.should have_xpath(".//div[@id='ui-datepicker-div' and ?????????]")
end

The jquery ui datepicker initially inserts into the dom

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible" id="ui-datepicker-div"></div>

When its popped up the dom contains

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible" id="ui-datepicker-div" style="position: absolute; top: 523px; left: 167.5px; z-index: 1;">

After its dismissed the dom contains

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible" id="ui-datepicker-div" style="position: absolute; top: 523px; left: 167.5px; z-index: 1; display: none;">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is the :visible => true option which is documented in Capybara::Node::Matchers#has_xpath? so:

    Then /^I should see a datepicker$/ do
  page.should have_xpath(".//div[@id='ui-datepicker-div']", :visible => true)
end

    However, this may be a different problem but for me the datepicker does not appear at all when the capybara driven browser does not have focus, and so my test fails (sometimes)!

    EDIT:

    First of all it seems that the datepicker does not actually want a click on the field to trigger but a focus which unfortunately is unsupported by capybara’s selenium driver and it does not trigger when you trigger a click but the browser has no focus.

    The correct way to trigger the focus would be:

    find(".//div[@id='ui-datepicker-div']").trigger('focus')

    but that raises a Capybara::NotSupportedByDriverError 🙁

    To workaround you can use the hackish:

    When /I focus the graph start date/ do
  page.execute_script("$('#graph_start_date').focus()")
end

    (thanks to: http://groups.google.com/group/ruby-capybara/msg/af6caeef01d978b0)

    There are various discussions and relevant issues on this in Google Groups:

    • 0