Button is not clickable due to a span

[Long Hoàng Đình]

Hello, 

I have a button that contains a span

<button id="button_07_1800002685" type="button" class=" htBlock-buttonPrimaryOut   htBlock-buttonS " onclick="onClickActionButton('action_07_1800002685');">

<span>Help registration</span>

</button>

Now I want to simulate a click on the button. This is the code I use:

$("#button_07_1800002685").click()

It yields an error:

org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 606). Other element would receive the click: <span>...</span>

So I tried to click the span instead. 

$("#button_07_1800002685").find("span").click()

it yields the same error, the difference is just the click point:

org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 608). Other element would receive the click: <span>...</span>

Please show me a way to click the button!

[bolleypally vijay kumar]

Try moving mouse to you exact element and click
To do those actions please follow instructions of interact block in 4.15.3 in geb documentation

-from mobile

--
You received this message because you are subscribed to the Google Groups "Geb User Mailing List" group.
To unsubscribe from this group and stop receiving emails from it, send an email to geb-user+u...@googlegroups.com.
To post to this group, send email to geb-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/43a4ef9d-4a54-4551-b6e9-e94a5fd31f6b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Long Hoàng Đình]

Hi,

O followed the instruction at 4.15.3 of the book. This is the code:

                        interact {

clickAndHold($("#button_03_1800002685"))

moveByOffset(172, 608)

release()

}

It shows a new error:

geb.error.RequiredPageValueNotPresent: Template 'content template 'sendTimeRecorderUrl' defined by page.TimeRecorderSettingPage' returned null for args: '[]'

I also tried:

                        interact {

moveByOffset(172, 608)

$("#button_03_1800002685").click()

}

It shows the same error as before: org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 606). Other element would receive the click: <span>...</span>

I think your suggestion is not appropriate because 4.15.3 of the book only shows how to do drag and drop. It doesn't show how to move to a point and click.

[Dang Viet Ha]

Try to use in FF, not in ChromiumDriver to confirm the problem? :)

[bolleypally vijay kumar]

try this

def yourElement = $("#button_07_1800002685>span")

interact {

    moveToElement(yourElement)

    yourElement.click()

}

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/9f18d791-7d5c-480d-b8b2-4dd2af4eb4f5%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

Men who try to do something and Fail are infinitely better than those

who try to do nothing ...

                                                                                    B.VIJAY

[Hoàng Đình Long]

thanks for your quick feedback, it still shows the same error but with different click point:

org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (321, 606). Other element would receive the click: <span>...</span>

--
You received this message because you are subscribed to a topic in the Google Groups "Geb User Mailing List" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/geb-user/0mJDeOlaskQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to geb-user+u...@googlegroups.com.

To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CADV-9Mc_EJfxV1Oeo%3DppVn2xueGRJ-a9C2c0vedkkF5HPprjUQ%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

_Long HĐi_

[bolleypally vijay kumar]

As for my understanding 

1-> span tag is in the button tag when we try to click on button it scolded us saying 'other element may receive the click'

2-> we tried to click on span instead of button after mouse move on it but this also started scolding so the last thing i left with is

use moveToElement(WebElement toElement, int xOffset, int yOffset) instead of moveToElement(yourElement)

all the best fingers crossed

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAOOMLCqrJnETWNFUQ364aYPONa%2BursP4W-9gyyTVYU4mnSazrw%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

[Hoàng Đình Long]

Tried that. This is the code:

                        def notClickableElement = $("#button_03_1800002685>span")

interact {

moveToElement(notClickableElement, 172, 608)

notClickableElement.click()

}

It still shows the same error: org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 608). Other element would receive the click: <span>...</span>

Anyway, thanks for your trying to help!

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CADV-9Meh4_Lbo-dt7WY_2GaZ5gYyyac-Azs1ei3KmrRGru_ZnA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

_Long HĐi_

[Brian Kotek]

Is this element animated in some way? Is it moving or appearing at the point you're trying to click it? Sounds like Webdriver is attempting to click on the last position of the element that it knows about, but the element has already moved (so the old coordinates aren't correct any longer).

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAOOMLCo4bNYt9GwayQHT8bYn1HOE7o5JbW1oHiwS2kdAWa%3DiuQ%40mail.gmail.com.

[Hoàng Đình Long]

No, the element can't move. It's a time management software, serious business, so it's doesn't make sense creating an animated button that moves around.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAB06vMDf3vx9a5c127%3DpQmhxn0cpeK4wk8kdiBaJuBSYeeqULQ%40mail.gmail.com.

[Brian Kotek]

OK, then is the element hidden and does it become visible as part of what the test is doing?

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAOOMLCo7q_dz3qDfNskkuxcA8TO12AK6OVh0bnGdfjT-911eig%40mail.gmail.com.

[Dang Viet Ha]

AFAIK, the button is invisible from the beginning then visible when click a menu. What is your idea @brian428

[Brian Kotek]

I've just seen this happen (where the click targets invalid coordinates) in cases where something is animating (such as a slide-down notification or an animated pop-up window). While the element location is changing, you can run into the case where trying to click it causes this error. By the time the click is attempted, the element has already moved, so the coordinates being targeted are no longer current.

One way to confirm this is to add a sleep() call just before the click attempt, to make the test wait for a few seconds. If that works, you know the problem is that something is changing the element position and it's taking some time for the location to become stable.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/205e7cad-f791-44bc-b744-a2b069db72cf%40googlegroups.com.

[Dang Viet Ha]

Thank brian428, we will try your suggestion tomorrow. 

[Hoàng Đình Long]

Hi Brian,

Did you mean Thread.sleep() or the other kind of sleep?

I tried Thread.sleep() but it didn't work. The same error:  

org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 456). Other element would receive the click: <span>...</span>

Before that, I had tried waitFor(). No luck.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAB06vMAoXckzwjCABfV5Zvmo9f8%3DwM%2Bo7pcat5L1HUeTNS33SA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

_Long HĐi_

[Hoàng Đình Long]

This is the code:

Thread.sleep(10000)

$("#button_03_1800002685").find("span").click()

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAB06vMAoXckzwjCABfV5Zvmo9f8%3DwM%2Bo7pcat5L1HUeTNS33SA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

--

_Long HĐi_

[Long Hoàng Đình]

Actually, I do agree with you that the animation of the menu 'causes the problem (the button is hidden inside a menu, I have to click on the menu to make the button visible). The web app does have other buttons with span element inside the button but the button is still clickable (in this case, the button is not hidden inside a menu).

Now, I need to focus on solving this animation problem but still haven't got any clue.

On Thursday, April 21, 2016 at 11:47:06 PM UTC+7, brian428 wrote:

[Dang Viet Ha]

Dear Long,

Can you please re-produce the problem on your own static html to confirm that the problem come from the <span> inside a <button>?

Thank you

HaDV

[Hoàng Đình Long]

Please read my answer to Brian! The problem comes from the animation.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/58645c0a-9080-4658-9a5f-aa5a26c2b146%40googlegroups.com.

[Hoàng Đình Long]

I told him that the other buttons containing spans work fine. Only the ones inside a menu have the issue.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/58645c0a-9080-4658-9a5f-aa5a26c2b146%40googlegroups.com.

[Dang Viet Ha]

OK, I got it! Thank you!

[Brian Kotek]

The strange thing is that he said it still fails even if he sleeps before attempting the click? If it is animating, then waiting a second (or 5, or 10) and then attempting the click should work, since by that time any animation should have been completed.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/562901ad-a4c3-41cc-8050-9a8fcaca7cb8%40googlegroups.com.

[Dang Viet Ha]

> Thread.sleep(10000)

> $("#button_03_1800002685").find("span").click()

What if use the button click() instead of span click()? :)

[Hoàng Đình Long]

I always try both cases. The same error.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/819993cb-c706-4c5f-bbb4-994554541903%40googlegroups.com.

[Dang Viet Ha]

I remember that in the selenium have a function to check the an item is present or not on the page. Maybe, we will try this way in Geb?

[Hoàng Đình Long]

Okay, I'll try that and tell you later.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/ce6b8928-20a5-49f1-af36-e34b89d53bf5%40googlegroups.com.

[Dang Viet Ha]

And one more way we can try is to using FF plugin to record the script by using the website manually, then we can know how selenium handle this animation.

[Sujata Dwivedi]

Hi ,

 Please try below two ways to perform click on button check button id should not be dynamic.

<button id="button_07_1800002685" type="button" class=" htBlock-buttonPrimaryOut   htBlock-buttonS " onclick="onClickActionButton('action_07_1800002685');">

<span>Help registration</span>

</button>

with above code you can try in two ways:
 $(button#button_07_1800002685).click()
or

$("span" , text:'Help registration').click()

[Hoàng Đình Long]

Hi Sujata, 

I have just tried both of your methods. They produced the same error:

org.openqa.selenium.WebDriverException: unknown error: Element is not clickable at point (172, 608). Other element would receive the click: <span>...</span>

--
You received this message because you are subscribed to a topic in the Google Groups "Geb User Mailing List" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/geb-user/0mJDeOlaskQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to geb-user+u...@googlegroups.com.
To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/f0f08acb-8a9a-4990-8bbf-e1a565962050%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--

_Long HĐi_

[Sujata Dwivedi]

Can u give me url n that info of the button u want to click?

And i want to know weather the id is generated dynamically?Can u plz chk  

Anyways i wll try some other way..wll let u know once i wll resolve that error

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAOOMLCoHYrRDEPZGTdL-WvRm5TpJdwBw488tOJx%2BKC94ne0TZQ%40mail.gmail.com.

[Hoàng Đình Long]

Hi Sujata,

Thank you for trying to help. The app is my customer's product. I am forbidden to provide any information such as password or links ( you need to login to see it).

Anyway, I am sure that the id is not dynamically generated. Everytime I refesh the page, it remains the same. Even if it were automatically generated (in fact, it's not), how come it showed the same error? If it were automatically generated, the element wouldn't be found and the error should be different.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CABtXNxvuEMhdhTZr0VDdJbsJMSnJwzm4zfhhhe5%2BW8kMG4vQLw%40mail.gmail.com.

[Sujata Dwivedi]

Okk this type of error comes when more than one element is having same id or dynamic id and some time due to scroll issue element is not clickable try scrolling also

[Hoàng Đình Long]

Okay, I will notice that and try again tomorrow morning. Thanks!

On Apr 25, 2016 9:15 PM, "Sujata Dwivedi" <suja...@gmail.com> wrote:

Okk this type of error comes when more than one element is having same id or dynamic id and some time due to scroll issue element is not clickable try scrolling also

--
You received this message because you are subscribed to a topic in the Google Groups "Geb User Mailing List" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/geb-user/0mJDeOlaskQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to geb-user+u...@googlegroups.com.
To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/bf959daa-df3b-49ac-b1da-f0b9ef0d066b%40googlegroups.com.

[Long Hoàng Đình]

Hello,

I am encountering this error more and more often. 

So I am in doubt that this is the fault of Google Chrome WebDriver. 

I am changing to FF to see if the problem persists but I am having a new problem with FF secure connection.

I post another thread here:

https://groups.google.com/forum/#!topic/geb-user/pDDp5MxDiME

Please help!

[Brian Kotek]

I think we're at the point where you need to create an isolated, runnable test case that demonstrates the problem and send it out to the list (or post it to the Github issue tracker). We've got over 30 messages at this point, so it's doubtful that anyone can offer much more without seeing a demonstrable test case.

--

You received this message because you are subscribed to the Google Groups "Geb User Mailing List" group.

To unsubscribe from this group and stop receiving emails from it, send an email to geb-user+u...@googlegroups.com.

To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/41220496-5d06-4dc8-bf27-9e229f7d07a9%40googlegroups.com.

[Hoàng Đình Long]

Okay, I will do that after testing on Firefox. Thank you!

You received this message because you are subscribed to a topic in the Google Groups "Geb User Mailing List" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/geb-user/0mJDeOlaskQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to geb-user+u...@googlegroups.com.

To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAB06vMBACRbERqG9gizJu--Av%3D-Vkf3TPpXA%2BF6a_c2Nd4pHPw%40mail.gmail.com.

[Long Hoàng Đình]

Hello everyone,

I am having a workaround here. Instead of trying to click the button, I send a keystroke to it. In this case, I sent an enter key to it.

$("button#button_03_1800002685") << Keys.chord(Keys.ENTER)

This workaround works on Firefox. It change the browser to the next page. But it doesn't work on Chrome.

However, on Firefox, after changing the browser page, it produced this error:

org.openqa.selenium.StaleElementReferenceException: Element not found in the cache - perhaps the page has changed since it was looked up

I implemented the PageChangeListener to see if the page has changed. And the result is the page didn't changed after the button had been sent the keystroke. 

My question is: how can I change the page after sending the keystroke? I tried using the page() method to change the page but it didn't work. It shows the same error:

org.openqa.selenium.StaleElementReferenceException: Element not found in the cache - perhaps the page has changed since it was looked up

Please help! Many thanks!

[Brian Kotek]

Again, you're going to need to create a simple, reproducible test that demonstrates the problem. We've already had 35 messages on this, so without something for others to actually look at, a solution isn't going to magically appear.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/5d082dbe-0390-4ff6-8bbd-51ff0d417905%40googlegroups.com.

[Hoàng Đình Long]

Hi Brian,
This case is different because I already have a work around. I just want to ask how I can change a page after sending a keystroke to a button. Obviously, the button changed the page after being sent the key stroke but Geb doesn't detect the change.

You received this message because you are subscribed to a topic in the Google Groups "Geb User Mailing List" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/geb-user/0mJDeOlaskQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to geb-user+u...@googlegroups.com.

To post to this group, send email to geb-...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/geb-user/CAB06vMC%2Bgb6dhYJ8G_dZ88-1SFj%3DaRm5ztWH3NX%3DAY_RsYn6cA%40mail.gmail.com.