Rails : Capybara::Webkit::ClickFailed, because of overlapping element

Capybara::Webkit::ClickFailed:
 Failed to click element /html/body/div[@id='wrapper']/div[@id='page-content-wrapper']/div/div/div/form[@id='signup']/div[@id='user_section']/div[7]/div[3]/div/button[@id='review_button'] because of overlapping element /html/body/div[8] at position 209, 718; 
 A screenshot of the page at the time of the failure has been written to /tmp/click_failed_S10458.png

 

The actual problem was; there was a link_tag (<a>) inside the <label> tag. So when I asked the capybara to click on the <label> it clicked on the  “Terms and Conditions” area and a popup appeared.

find('[for=agree_terms]').click

aaaaaaaaaaaaaa.png

 

To Solve this, I kept the link separate from the Label

 

Some useful links

http://stackoverflow.com/questions/34633269/wait-till-the-form-gets-submitted-in-capybara

https://robots.thoughtbot.com/automatically-wait-for-ajax-with-capybara

One thought on “Rails : Capybara::Webkit::ClickFailed, because of overlapping element

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s