Selenium Python嵌套下拉框点击拦截问题求助

问题背景 #

使用Python Selenium测试嵌套级联下拉框时，遇到两个核心问题：

• 原代码在Sub Biz 1和Sub Biz 2值不同时可正常运行，但二者值相同时（如Marketing分类下的Engagement或Branding），会触发元素点击拦截错误。
• 修改后的代码能处理重复值，但在Sub Biz 1或Sub Biz 2为空值时会报错。

原代码 #

if d_Biz == 'Marketing':
                biz_choose = driver.find_element("xpath", "//span[@id='biz']")
                biz_choose.click()
                time.sleep(1)
                gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                gwrapper.find_element("xpath", "//li[normalize-space()='Marketing']").click()
                time.sleep(1)

                if d_Subbiz_1 == 'GMV':
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='GMV']").click()
                    time.sleep(1)
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
                    time.sleep(1)

                elif d_Subbiz_1 == 'CLM':
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='CLM']").click()
                    time.sleep(1)
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
                    time.sleep(1)

                else:
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_1) + "']").click()

            elif d_Biz == 'Lzdpay':
                biz_choose = driver.find_element("xpath", "//span[@id='biz']")
                biz_choose.click()
                time.sleep(1)
                gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                gwrapper.find_element("xpath", "//li[normalize-space()='Lzdpay']").click()

                if d_Subbiz_1 == 'Wallet':
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='Wallet']").click()
                    time.sleep(1)
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
                    time.sleep(1)

                elif d_Subbiz_1 == 'BAR':
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='BAR']").click()
                    time.sleep(1)
                    gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
                    time.sleep(1)

            else:
                biz_choose = driver.find_element("xpath", "//span[@id='biz']")
                biz_choose.click()
                time.sleep(1)
                gwrapper = driver.find_element("xpath", "//div[@data-tag='gateway-wrapper']")
                gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Biz) + "']").click()

报错信息 #

Message: element click intercepted: Element <span data-meta="Field" id="purpose" class="next-select large voucher-template-input" tabindex="0">...</span> is not clickable at point (526, 335). Other element would receive the click: 
<li class="next-cascader-menu-item">...</li>

修改后的代码 #

if d_Biz is not None:
                biz_choose = driver.find_element("xpath", "//span[@id='biz']")
                biz_choose.click()
                time.sleep(1)
                gwrapper = driver.find_element("xpath", "//div[@class='next-cascader-menu-wrapper'][1]")
                gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Biz) + "']").click()
                if d_Subbiz_1 is not None:
                    gwrapper = driver.find_element("xpath", "//div[@class='next-cascader-menu-wrapper'][2]")
                    gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_1) + "']").click()
                    time.sleep(1)
                    if d_Subbiz_2 is not None:
                        gwrapper = driver.find_element("xpath", "//div[@class='next-cascader-menu-wrapper'][3]")
                        gwrapper.find_element("xpath", "//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
                        time.sleep(1)

解决方案 #

1. 解决点击拦截问题 #

点击拦截的核心原因是级联菜单未完全加载就执行点击，或元素被上层菜单遮挡。替换固定等待time.sleep()为显式等待，确保元素可点击后再操作：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# 封装等待元素可点击的工具函数
def wait_clickable(driver, by, value, timeout=10):
    return WebDriverWait(driver, timeout).until(EC.element_to_be_clickable((by, value)))

2. 处理空值与动态菜单加载 #

修改后的代码中，当d_Subbiz_1为空时，直接访问第2个菜单容器会报错（容器未渲染）。需先判断菜单容器是否存在，再执行后续操作：

if d_Biz is not None:
    # 点击Biz下拉触发菜单展开
    wait_clickable(driver, By.XPATH, "//span[@id='biz']").click()
    # 选择一级Biz选项
    wait_clickable(driver, By.XPATH, "//div[@class='next-cascader-menu-wrapper'][1]//li[normalize-space()='" + str(d_Biz) + "']").click()
    
    # 尝试定位二级菜单容器，存在则处理Subbiz_1
    try:
        sub1_wrapper = WebDriverWait(driver, 5).until(EC.presence_of_element_located((By.XPATH, "//div[@class='next-cascader-menu-wrapper'][2]")))
        if d_Subbiz_1 is not None:
            wait_clickable(sub1_wrapper, By.XPATH, ".//li[normalize-space()='" + str(d_Subbiz_1) + "']").click()
            
            # 尝试定位三级菜单容器，存在则处理Subbiz_2
            try:
                sub2_wrapper = WebDriverWait(driver, 5).until(EC.presence_of_element_located((By.XPATH, "//div[@class='next-cascader-menu-wrapper'][3]")))
                if d_Subbiz_2 is not None:
                    wait_clickable(sub2_wrapper, By.XPATH, ".//li[normalize-space()='" + str(d_Subbiz_2) + "']").click()
            except:
                # 三级菜单不存在时跳过
                pass
    except:
        # 二级菜单不存在时跳过
        pass

3. 优化重复值定位 #

当Subbiz_1和Subbiz_2值相同时，使用相对路径".//li"而非全局"//li"，避免定位到上一级菜单的重复元素，确保点击目标是当前层级的选项。

内容的提问来源于stack exchange，提问作者aufa