Python: How to check off a checkbox with Browser splinter?

Question

Once I add the following item to cart: http://www.supremenewyork.com/shop/accessories/wau85w4km/cxv3ybp1w and go to the check out page: https://www.supremenewyork.com/checkout, there is a terms and conditions checkbox that I’m attempting to check off with Browser’s splinter but I’m not able to do so:

e.g. Tried the following but all encountered an error:

from splinter import Browser

browser = Browser("chrome")
browser.find_by_id('order_terms').click()         
#Error: selenium.common.exceptions.WebDriverException: Message: unknown error

browser.check('order[terms]').click()
#Error: selenium.common.exceptions.ElementNotVisibleException: Message: element not visible

browser.find_by_name('order[terms]').click()
#Error: selenium.common.exceptions.ElementNotVisibleException: Message: element not visible

What could I be doing wrong? And how can I go about checking the checkbox with the Browser splinter?

Thank you in advance and will be sure to upvote/accept answer

@SuitBoyApps Edited original answer with corresponding errors! Appreciate the response — Jo Ko, Dec 04 '17 at 23:38
You may want to check out these articles [Error 1](https://stackoverflow.com/questions/46026987/selenium-gives-selenium-common-exceptions-webdriverexception-message-unknown) ,[Error 2](https://stackoverflow.com/questions/27927964/selenium-element-not-visible-exception). I am not terribly familiar with the `splinter` library, but if I had to make a guess on what was going on I would say the second errors are caused by the first one. — Marcello B., Dec 04 '17 at 23:45
I tried `browser.find_by_css("#order_terms").click()` and it worked for me? — Tarun Lalwani, Dec 05 '17 at 05:22
@TarunLalwani Gave it an attempt but didn't work :(. Did you attempt it with Mac OS? Shouldn't be any different though right? — Jo Ko, Jan 03 '18 at 17:59
@TarunLalwani That's odd. Tried it and got the following error: `selenium.common.exceptions.WebDriverException: Message: unknown error: Element is not clickable at point (616, 478). Other element would receive the click: — Jo Ko, Jan 04 '18 at 00:02
@TarunLalwani Checking in to see if you had the chance to see my previous comment! Thank you. You can try with http://www.supremenewyork.com/shop/accessories/soi1ulsdv/yks6zay73 now — Jo Ko, Feb 28 '18 at 22:38
How do u guys verify if a checkbox is checked in splinter? tired of finding out answers — yuzhen, Aug 11 '19 at 14:29

alecxe · Answer 1 · 2018-01-03T20:44:42.650

Two major things to point out:

to avoid timing issues, you need to have "explicit waits" in your script - waiting for elements to be visible or present before proceeding to the next actions
this checkbox can and should be clicked by clicking the whole label element containing the input and other auxiliary elements

Here is the complete code:

from splinter import Browser

browser = Browser("chrome")
browser.visit("http://www.supremenewyork.com/shop/accessories/wau85w4km/cxv3ybp1w")
browser.wait_time = 10

try:
    browser.is_element_visible_by_css("input[name=commit]", 10)
    browser.find_by_css("input[name=commit]").first.click()

    browser.is_element_visible_by_css("a.checkout", 10)
    browser.find_by_css("a.checkout").first.click()

    browser.is_element_present_by_css("label.terms", 10)
    browser.find_by_css('label.terms').click()
finally:
    browser.quit()

Here is a working code that goes to the main page, navigates to the third product in the scroller, adds it to cart, checks out and accepts the terms of use, time.sleep() at the end is just for you to see the result:

from splinter import Browser

browser = Browser("chrome")
browser.visit("http://www.supremenewyork.com/shop")
browser.wait_time = 10

try:
    # open a product
    browser.is_element_visible_by_css("#shop-scroller > li > a", 10)
    browser.find_by_css("#shop-scroller > li > a")[2].click()

    # add to cart
    browser.is_element_visible_by_css("input[name=commit]", 10)
    browser.find_by_css("input[name=commit]").first.click()

    # checkout
    browser.is_element_visible_by_css("a.checkout", 10)
    browser.find_by_css("a.checkout").first.click()

    # accept terms and conditions
    browser.is_element_present_by_css("label.terms", 10)
    browser.find_by_css('label.terms').click()

    import time
    time.sleep(10)
finally:
    browser.quit()

Appreciate the response! But have you tried the following? Add the following item to cart: http://www.supremenewyork.com/shop/accessories/wau85w4km/cxv3ybp1w and go to the check out page: https://www.supremenewyork.com/checkout, there is a terms and conditions checkbox that I’m attempting to check off with Browser’s splinter. Because I made the attempt but still doesn't work. — Jo Ko, Dec 17 '17 at 12:10
Checking in to see if you saw the previous comment. Thanks in advance! — Jo Ko, Jan 03 '18 at 17:59
@JoKo ah, sorry, missed the first comment. Please check out the updated answer, just added what works for me as is. Let me know if you have any issues with that. Thanks. — alecxe, Jan 03 '18 at 20:45
No worries. Did you simply attempt to add the item to the cart and checked out manually and tried to execute the code to check off the checkbox? Unfortunately no luck so far :( http://www.supremenewyork.com/shop/accessories/soi1ulsdv/yks6zay73 Tried it with this. Thank you in advance! — Jo Ko, Feb 28 '18 at 22:29

Python: How to check off a checkbox with Browser splinter?

1 Answers1