Clicking on a tab using selenium not working

  • I'm trying to go through this site "" and once this site is loaded, I want to click the skip button (which I can do) and then go on each of the individual tabs "WK", "BAT", "AR" and "Bowl" and click them and then scrape data from them once they are clicked.

    But I can't seem to figure out any way of clicking the individual tabs using find_element_by_xpath, when I've tried various different class settings and still can't figure out.

    I know another way would be to actively move the mouse to find the coordinates or to do a search by image but was wondering if there was a simpler way or if I was missing anything basic.

    Here's the code I have currently.

    from selenium import webdriver 
    import time
    from import By 
    from import WebDriverWait 
    from import expected_conditions as EC 
    from selenium.common.exceptions import TimeoutException
    import urllib
    option.add_argument(" - incognito")
    browser = webdriver.Chrome(executable_path=r'C:/Users/mohammadh/Downloads/chromedriver', options=option)
        items = WebDriverWait(browser, timeout).until(EC.visibility_of_element_located((By.XPATH, "//button[@class='btn btn--flat btn--bordered btn--bordered--white text-color--white']")))
    except TimeoutException:
        print("Timed out waiting for page to load")
    element = browser.find_element_by_xpath("//div[contains(@class,'spotlight_skip_button spotlightSkipButton_4b62a')]")
    WK = browser.find_element_by_xpath("//div[contains(@class,'createTeamTabTitle_99a5a')]")
    BAT = browser.find_element_by_xpath("//div[contains(@class,'createTeamTabTitle_99a5a')]")
    AR = browser.find_element_by_xpath("//div[contains(@class,'createTeamTabTitle_99a5a')]")
    BOWL = browser.find_element_by_xpath("//div[contains(@class,'createTeamTabTitle_99a5a')]")

    Any help would be greatly appreciated.

  • The problem is that this xPath: //div[contains(@class,'createTeamTabTitle_99a5a')] finds more elements than just one you want to click on:

    enter image description here

    The solution would be to find a different xPath, something like: //div[contains(@class, 'createTeamTabsContainer')][1] for the first tab, //div[contains(@class, 'createTeamTabsContainer')][2] for the second and so on.

    For locating elements in a browser and checking xPath and what elements are returned by a particular xPath, I use Try XPath add-on in Firefox. You just type in your xPath and if it matches some elements on the site, they will be highlighed just like you see in the screen couple of lines above. It's priceless for such kind of problems.

Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2