{"id":242,"date":"2012-01-11T14:42:00","date_gmt":"2012-01-11T14:42:00","guid":{"rendered":"https:\/\/www.simplybusiness.co.uk\/selenium-clicking-an-extjs-checkbox\/"},"modified":"2024-05-24T10:11:06","modified_gmt":"2024-05-24T10:11:06","slug":"selenium-clicking-an-extjs-checkbox","status":"publish","type":"post","link":"https:\/\/www.simplybusiness.co.uk\/about-us\/tech\/2012\/01\/selenium-clicking-an-extjs-checkbox","title":{"rendered":"Selenium Clicking an ExtJS Checkbox"},"content":{"rendered":"\n

In this post we continue to discuss selenium testing for a Ext JS application.<\/p>\n\n\n\n

\"mouse\"<\/figure>\n\n\n\n

Last week, we were writing selenium tests for an Ext JS application when we experienced odd behaviour in which calls to click a checkbox were being totally ignored. Passing either the id of the checkbox or the entire XPath to the checkbox into the selenium click()<\/code> method made no difference and had no effect.<\/p>\n\n\n\n

Having tried pretty much everything else, we gave using the selenium clickAt()<\/code> method a shot instead. The clickAt()<\/code> method requires passing in relative co-ordinates indicating whereabouts on the object the mouse should click, so we started with “0,0”.<\/p>\n\n\n\n

We’re still not sure of the reasons behind it, but this worked. Using clickAt(\"checkboxId\", \"0,0\")<\/code>, the checkbox was now being clicked by selenium.<\/p>\n\n\n\n

\n

If you’re having trouble getting Selenium to click a checkbox on your Ext JS application – try the clickAt()<\/code> method instead of click().<\/code><\/p>\n<\/blockquote>\n\n\n\n

\n

Ready to start your career at Simply Business?<\/h3>\n\n\n\n

Want to know more about what it’s like to work in tech at Simply Business? Read about our approach to tech, then check out our current vacancies.<\/p>\n\n\n\n

\n
Find out more<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Keep up to date with Simply Business. Subscribe to our monthly newsletter and follow us on social media.<\/p>\n\n\n\n

\n
Subscribe to our newsletter<\/a><\/div>\n<\/div>\n\n\n\n