Search code examples
ruby-on-railsrspeccapybarapoltergeist

Poltergeist/Capybara test unable to find CSS intermittently

I'm using Capybara and Poltergeist and cannot for the life of me get all my tests to consistently pass. I have this one issue in particular with a date selector. It should be really simple - user clicks on input, out puts a selection of months (first image). A month is then clicked, and then a day selection appears (second image), on which a day of the month is selected.

first image second image

Now, my code looks as follows:

all(:css, 'input.from_date').last.click

expect(page).to have_css(".datepicker-months")
within(:css, '.datepicker-months') { find('.month', :text => 'Jun',  match: :first).click  }
expect(page).not_to have_css(".datepicker-months")

expect(page).to have_css(".datepicker-days")
within(:css, '.datepicker-days') { find('.day', :text => work[:start_date].stamp('31').to_i.to_s,  match: :first).click  } #.to_i.to_s used to remove leading zeros
page.assert_no_selector('.datepicker-days')

Sometimes it passes, but most of the time it says:

expected to find css ".datepicker-days" but there were no matches

or 

expected not to find css ".datepicker-months", found 1 match: "« 2015 » JanFebMarAprMayJunJulAugSepOctNovDec"

If I try and debug this by calling binding.pry, I can run the commands step by step in the console and it works perfectly. My timeout is set to more than enough (i think). Any ideas why this test fails intermittently?

My config:

Capybara.javascript_driver = :poltergeist

Capybara.default_wait_time = 60
Capybara.register_driver :poltergeist do |app|

Capybara::Poltergeist::Driver.new(app, {
    timeout: 60,
    js_errors: false, 
    phantomjs_logger: File.open("log/phantomjs.log", "a")})
end

UPDATE:

When adding sleep(0.5) after every step in the process, it passes each and every time. This is bad practice and I'm supposed to be able to write tests without doing this. :/

Solution

  • Whenever I run into these inconsistencies, I try to find other things to assert against so that you don't have to count on sleep.

    If there are any sort of animations that start/stop, you can try to assert against those.

    You can also try to be more specific in your current expectation, since it seems like you had no trouble clicking on the object you found

    expect(page).not_to have_css('.datepicker-months .month', :text => 'Jun')

    If any of that gets you any farther let us know.