Python Selenium: Clicking on button with JavaScript onFocus validation

Question

I am trying to automate the webpage navigation using Selenium Python. I want to click on a HTML button that executes JavaScript code that validates if a button is in focus upon the onclick action.

In this specific case I have no problem in selecting a valid object using Selenium, however simple element.click() doesn't seem to work.

HTML source:

<td width="1%">
  <!--Begin /jsp/com/tibco/wfc/ButtonUI.jsp-->
  <script language="javascript">
    var isFocus = "false";
  </script>
  <button class="button_normal" name="OK" style="width:100px" onfocus="isFocus='true'" onblur="isFocus='false'" onmouseover="this.className='button_rollover'" onmouseout="this.className='button_normal'" onmousedown="this.className='button_pressed'" onmouseup="this.className='button_rollover'"
    onclick="javascript:if(isFocus=='false'){ return false}; showProgressMeter();submitCommand(event,'com_tibco_wfc_Button_498466961', 'com_tibco_wfc_DefaultFrame_1501194824', false, false, 'null', 'o', '', false);;return false;">OK</button>
  <!--End /jsp/com/tibco/wfc/ButtonUI.jsp-->
</td>

Python / Selenium attributes:

warning_ok_button = driver.find_element_by_xpath("//button[@name='OK']")
attrib = driver.execute_script('var items = {}; for (index = 0; index < arguments[0].attributes.length; ++index) { items[arguments[0].attributes[index].name] = arguments[0].attributes[index].value }; return items;',warning_ok_button)
pprint(attrib)
{'class': 'button_normal',
 'name': 'OK',
 'onblur': "isFocus='false'",
 'onclick': "javascript:if(isFocus=='false'){ return false}; "
            "showProgressMeter();submitCommand(event,'com_tibco_wfc_Button_498466961', "
            "'com_tibco_wfc_DefaultFrame_1501194824', false, false, 'null', "
            "'o', '', false);;return false;",
 'onfocus': "isFocus='true'",
 'onmousedown': "this.className='button_pressed'",
 'onmouseout': "this.className='button_normal'",
 'onmouseover': "this.className='button_rollover'",
 'onmouseup': "this.className='button_rollover'",
 'style': 'width:100px'}

warning_ok_button.click() only seems to be changing the class of a button from button_normal to button_rollover

What browser? I have used selenium with C# and sometimes you have to run JavaScript to do the click for you (especially in IE). Other times you have to use an action instead - example: stackoverflow.com/a/13938778/9538369 — James Wasson
– James Wasson, Commented Jun 12, 2019 at 15:51
In this case it's Firefox. I've tried the following and it still fails (button class changes from button_normal to button_rollover): python actions = ActionChains(driver) actions.move_to_element(warning_ok_button).click() actions.perform() — Dodger_
– Dodger_, Commented Jun 12, 2019 at 16:36
Have you tried executing a script to click the button. I know its not ideal but sometimes it's necessary. Also I have noticed that if you sleep between some actions the actions work correctly - that could also be your issue. — James Wasson
– James Wasson, Commented Jun 12, 2019 at 16:43
Check if driver.execute_script("arguments[0].click()",warning_ok_button) triggers the javascript. — supputuri
– supputuri, Commented Jun 12, 2019 at 17:00
@supputuri: That is great suggestion, but I'm afraid it didn't work this time around. — Dodger_
– Dodger_, Commented Jun 12, 2019 at 17:19

Victor Picinin · Accepted Answer · 2019-06-12 16:57:15Z

0

Have you tried clicking the <td> by xpath?

answered Jun 12, 2019 at 16:57

Victor Picinin

312 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dodger_ Over a year ago

<td> object doesn't seem to attribute that will allow me to click on it. AttributeError: 'FirefoxWebElement' object has no attribute 'clik'

Dodger_ Over a year ago

Good catch! click() on the <td> element didn't return any errors as such, however the behawior is identical to buttonelement.click() (button class changes from button_normal to button_rollover)

Dodger_ · Accepted Answer · 2019-06-12 17:58:12Z

0

Thanks to @supputuri I was able to tackle this challenge. The trick over here was to trigger, onfocus event followed by onclick event associated with my button element.

driver.execute_script("arguments[0].onfocus()",warning_ok_button)
driver.execute_script("arguments[0].click()",warning_ok_button)

answered Jun 12, 2019 at 17:58

Dodger_

313 bronze badges

Collectives™ on Stack Overflow

Python Selenium: Clicking on button with JavaScript onFocus validation

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related