[wtr-general] what to do when element is not clickable because is another element obsures it

Discussion:

c w

2018-06-15 17:41:11 UTC

Hi all,

I do have this situation and at runtime I have to see if this button is
on\off ...
I see is checkbos but I see 2 spans
I tried to check uncheck it just to see it working. I see it is not with
this application.

I have no idea what to do.

Can one help please.

This is what I try to see the button on\off:
@manage_web_portal_page.checkbox(:id,"pageProfile").clear
@manage_web_portal_page.checkbox(:id,"pageProfile").set(false)
puts @manage_web_portal_page.checkbox(:id,"pageProfile").set?
puts @manage_web_portal_page.checkbox(:id,"pageProfile").enabled?
@manage_web_portal_page.checkbox(:id,"pageProfile").set
@manage_web_portal_page.checkbox(:id,"pageProfile").set(true)
puts @manage_web_portal_page.checkbox(:id,"pageProfile").set?
puts @manage_web_portal_page.checkbox(:id,"pageProfile").enabled?

But I get this error on console:
Element <input id="pageProfile" class="page make-switch"
name="ctl00$ContentPlaceHolder1$pageProfile" type="checkbox"> is not
clickable at point (262.5,291.8999938964844) because another element <span
class="bootstrap-switch-handle-on bootstrap-switch-primary"> obscures it
(Selenium::WebDriver::Error::ElementClickInterceptedError)
***@chrome://marionette/content/error.js:178:5
ElementClickInterceptedError
@chrome://marionette/content/error.js:275:5
webdriverClickElement
@chrome://marionette/content/interaction.js:167:11
--
--
Before posting, please read https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.

watir-***@googlegroups.com
http://groups.google.com/group/watir-general
watir-general+***@googlegroups.com
---
You received this message because you are subscribed to the Google Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an email to watir-general+***@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

rajagopalan madasami

2018-06-15 17:43:52 UTC

Permalink

This error is coming because some other element is overlaying your element
which you tend to click. Try to run again and see.

Post by c w
Hi all,
I do have this situation and at runtime I have to see if this button is
on\off ...
I see is checkbos but I see 2 spans
I tried to check uncheck it just to see it working. I see it is not with
this application.
I have no idea what to do.
Can one help please.
@manage_web_portal_page.checkbox(:id,"pageProfile").clear
@manage_web_portal_page.checkbox(:id,"pageProfile").set(false)
@manage_web_portal_page.checkbox(:id,"pageProfile").set
@manage_web_portal_page.checkbox(:id,"pageProfile").set(true)
Element <input id="pageProfile" class="page make-switch"
name="ctl00$ContentPlaceHolder1$pageProfile" type="checkbox"> is not
clickable at point (262.5,291.8999938964844) because another element <span
class="bootstrap-switch-handle-on bootstrap-switch-primary"> obscures it
(Selenium::WebDriver::Error::ElementClickInterceptedError)
ElementClickInterceptedError
@chrome://marionette/content/error.js:275:5
webdriverClickElement
@chrome://marionette/content/interaction.js:167:11
--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.

watir-***@googlegroups.com
http://groups.google.com/group/watir-general
watir-general+***@googlegroups.com
---
You received this message because you are subscribed to the Google Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an email to watir-general+***@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

c w

2018-06-15 17:56:31 UTC

Permalink

Thank you!

I found out why and make it working using fire_event

@manage_web_portal_page.checkbox(:id,"pageProfile").fire_event :click

On Fri, Jun 15, 2018 at 1:43 PM, rajagopalan madasami <

Post by rajagopalan madasami
This error is coming because some other element is overlaying your element
which you tend to click. Try to run again and see.

Post by c w
Hi all,
I do have this situation and at runtime I have to see if this button is
on\off ...
I see is checkbos but I see 2 spans
I tried to check uncheck it just to see it working. I see it is not with
this application.
I have no idea what to do.
Can one help please.
@manage_web_portal_page.checkbox(:id,"pageProfile").clear
@manage_web_portal_page.checkbox(:id,"pageProfile").set(false)
@manage_web_portal_page.checkbox(:id,"pageProfile").set
@manage_web_portal_page.checkbox(:id,"pageProfile").set(true)
Element <input id="pageProfile" class="page make-switch" name="ctl00$
ContentPlaceHolder1$pageProfile" type="checkbox"> is not clickable at
point (262.5,291.8999938964844) because another element <span
class="bootstrap-switch-handle-on bootstrap-switch-primary"> obscures it
(Selenium::WebDriver::Error::ElementClickInterceptedError)
error.js:275:5
interaction.js:167:11
--
--
Before posting, please read https://github.com/watir/
watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read https://github.com/watir/
watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

rajagopalan madasami

2018-06-15 17:59:19 UTC

Permalink

If you use fire event then you are clicking through JavaScript not through
selenium. You may be running into the risk of something else. Make sure
everything works fine.

Post by c w
Thank you!
I found out why and make it working using fire_event
@manage_web_portal_page.checkbox(:id,"pageProfile").fire_event :click
On Fri, Jun 15, 2018 at 1:43 PM, rajagopalan madasami <

Post by rajagopalan madasami
This error is coming because some other element is overlaying your
element which you tend to click. Try to run again and see.

Post by c w
Hi all,
I do have this situation and at runtime I have to see if this button is
on\off ...
I see is checkbos but I see 2 spans
I tried to check uncheck it just to see it working. I see it is not with
this application.
I have no idea what to do.
Can one help please.
@manage_web_portal_page.checkbox(:id,"pageProfile").clear
@manage_web_portal_page.checkbox(:id,"pageProfile").set(false)
@manage_web_portal_page.checkbox(:id,"pageProfile").set
@manage_web_portal_page.checkbox(:id,"pageProfile").set(true)
Element <input id="pageProfile" class="page make-switch"
name="ctl00$ContentPlaceHolder1$pageProfile" type="checkbox"> is not
clickable at point (262.5,291.8999938964844) because another element <span
class="bootstrap-switch-handle-on bootstrap-switch-primary"> obscures it
(Selenium::WebDriver::Error::ElementClickInterceptedError)
ElementClickInterceptedError
@chrome://marionette/content/error.js:275:5
webdriverClickElement
@chrome://marionette/content/interaction.js:167:11
--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

Jeff Fagot

2018-06-15 23:36:00 UTC

Permalink

The error message indicates specifically what element is obscuring the one
you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--
--
Before posting, please read https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.

watir-***@googlegroups.com
http://groups.google.com/group/watir-general
watir-general+***@googlegroups.com
---
You received this message because you are subscribed to the Google Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an email to watir-general+***@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Jeff Fagot

2018-06-16 00:02:59 UTC

Permalink

Sorry for my inappropriate answer as I came to see you found the element.
Have you tried to run it with a sleep time?

Does the screenshot of your error matches the scenario you have given us?
Are you seeing only one yes printing??

Post by Jeff Fagot
The error message indicates specifically what element is obscuring the one
you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">

c w

2018-06-18 12:33:13 UTC

Permalink

Hi Jeff,

do not say sorry, I try all my best to make things working but I am not
confident that I can use another way...

Here is a screen snapshot when I inspect the Off "button" which in fact is
a check box

and this is when I have the button ON

If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
Sorry for my inappropriate answer as I came to see you found the element.
Have you tried to run it with a sleep time?
Does the screenshot of your error matches the scenario you have given us?
Are you seeing only one yes printing??

Post by Jeff Fagot
The error message indicates specifically what element is obscuring the
one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read https://github.com/watir/
watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

Jeff Fagot

2018-06-18 17:44:00 UTC

Permalink

The checkbox appears to always be checked.
So instead I would rather look up 2 divs and compare the class:

<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-off*
bootstrap-switch-animate">
vs
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-on*
bootstrap-switch-animate">

I guess the checkbox itself can be used to switch but not for determining
the Value to where it is set to, if that makes sense.

Hope that helps.

JFF

Post by c w
Hi Jeff,
do not say sorry, I try all my best to make things working but I am not
confident that I can use another way...
Here is a screen snapshot when I inspect the Off "button" which in fact is
a check box
and this is when I have the button ON
If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
The error message indicates specifically what element is obscuring the
one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

Titus Fortner

2018-06-18 19:19:36 UTC

Permalink

cristina,

Yes, sometimes front end developers like to cover up or override default
interactions with the underlying html elements, and using javascript
becomes a necessary way to overcome that.

Post by Jeff Fagot
The checkbox appears to always be checked.
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-off*
bootstrap-switch-animate">
vs
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-on*
bootstrap-switch-animate">
I guess the checkbox itself can be used to switch but not for determining
the Value to where it is set to, if that makes sense.
Hope that helps.
JFF

Post by c w
Hi Jeff,
do not say sorry, I try all my best to make things working but I am not
confident that I can use another way...
Here is a screen snapshot when I inspect the Off "button" which in fact
is a check box
and this is when I have the button ON
If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
The error message indicates specifically what element is obscuring the
one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

rajagopalan madasami

2018-06-18 19:23:05 UTC

Permalink

Can you explain me the difference between selenium click and JS click if
any? I know selenium click can only be performed if element is visible on
the other hand JS click can be even if element is not visible. Is there any
other difference do you know?

Post by Titus Fortner
cristina,
Yes, sometimes front end developers like to cover up or override default
interactions with the underlying html elements, and using javascript
becomes a necessary way to overcome that.

Post by c w
Hi Jeff,
do not say sorry, I try all my best to make things working but I am not
confident that I can use another way...
Here is a screen snapshot when I inspect the Off "button" which in fact
is a check box
and this is when I have the button ON
If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
The error message indicates specifically what element is obscuring the
one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

Titus Fortner

2018-06-18 19:43:33 UTC

Permalink

That's pretty much it. The driver attempts to determine if a user would be
able to click the element, and if it can it clicks it, and if it can't, it
throws the error based on the reason the algorithm found (Click
Intercepted, Element not Interactable, Not Displayed, etc).

Sometimes the way the devs have created the UI, the driver doesn't think a
user can do the thing that it is being told to do. Sometimes it works to
click on the parent of the element you want, sometimes it makes sense to
make a call to enact the click event handler directly (
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick)
using JavaScript

On Mon, Jun 18, 2018 at 2:23 PM rajagopalan madasami <

Post by rajagopalan madasami
Can you explain me the difference between selenium click and JS click if
any? I know selenium click can only be performed if element is visible on
the other hand JS click can be even if element is not visible. Is there any
other difference do you know?

Post by Jeff Fagot
The checkbox appears to always be checked.
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-off*
bootstrap-switch-animate">
vs
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-on*
bootstrap-switch-animate">
I guess the checkbox itself can be used to switch but not for
determining the Value to where it is set to, if that makes sense.
Hope that helps.
JFF

Post by c w
Hi Jeff,
do not say sorry, I try all my best to make things working but I am not
confident that I can use another way...
Here is a screen snapshot when I inspect the Off "button" which in fact
is a check box
and this is when I have the button ON
If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
The error message indicates specifically what element is obscuring
the one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.

r***@gmail.com

2018-06-21 16:19:09 UTC

Permalink

Hi Titus,

Thanks for reply. I don't believe that's not the only difference. For an
example, If you do selenium click on an option of a select_list, then it
would be chosen but Javascript script click towards the option doesn't
choose the option. We need to write corresponding Javascript code to choose
the option like
`document.getElementById('something').options[1].selected=true`. But when
we click the button then there is no difference between Javascript click
and Selenium click except very few differences like selenium doesn't
release the control unless the next page loads completely.

Post by Titus Fortner
That's pretty much it. The driver attempts to determine if a user would be
able to click the element, and if it can it clicks it, and if it can't, it
throws the error based on the reason the algorithm found (Click
Intercepted, Element not Interactable, Not Displayed, etc).
Sometimes the way the devs have created the UI, the driver doesn't think a
user can do the thing that it is being told to do. Sometimes it works to
click on the parent of the element you want, sometimes it makes sense to
make a call to enact the click event handler directly (
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick)
using JavaScript
On Mon, Jun 18, 2018 at 2:23 PM rajagopalan madasami <

Post by Jeff Fagot
The checkbox appears to always be checked.
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-off*
bootstrap-switch-animate">
vs
<div class="bootstrap-switch bootstrap-switch-wrapper
bootstrap-switch-id-pageProfile *bootstrap-switch-on*
bootstrap-switch-animate">
I guess the checkbox itself can be used to switch but not for
determining the Value to where it is set to, if that makes sense.
Hope that helps.
JFF

Post by c w
Hi Jeff,
do not say sorry, I try all my best to make things working but I am
not confident that I can use another way...
Here is a screen snapshot when I inspect the Off "button" which in
fact is a check box
and this is when I have the button ON
If there is another way to click it it please advise me.
Thank you!

Post by Jeff Fagot
The error message indicates specifically what element is obscuring
the one you are trying to click on.
You can look it up : <span class="bootstrap-switch-handle-on
bootstrap-switch-primary">
--

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it,
For more options, visit https://groups.google.com/d/optout.

--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google
Groups "Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send
For more options, visit https://groups.google.com/d/optout.

--
--
Before posting, please read
https://github.com/watir/watir_meta/wiki/Guidelines-for-Posting-to-Watir-General-Google-Group.
In short: search before you ask, be nice.
http://groups.google.com/group/watir-general
---
You received this message because you are subscribed to the Google Groups
"Watir General" group.
To unsubscribe from this group and stop receiving emails from it, send an
For more options, visit https://groups.google.com/d/optout.