Robot Framework操作日历触发ElementClickInterceptedException如何解决

你遇到的ElementClickInterceptedException报错核心是目标元素被其他层（加载遮罩、下拉浮层、页面其他控件）遮挡，无法接收点击事件，同时你的现有代码存在几处逻辑错误，共同导致运行失败。

现有代码可优化点 #

• 翻页逻辑错误：向前/向后翻页均点击同一个翻页按钮，无法正确切换到目标月份
• 定位逻辑不稳定：日期元素定位依赖class属性，站点更新class值就会失效
• 等待逻辑不可靠：硬等10s无法适配不同网络环境下的元素加载速度，也没有判断元素是否可点击就执行点击
• 没有异常兜底：普通点击被拦截时没有备选执行方案

优化后的实现代码 #

*** Settings ***
Library  SeleniumLibrary
Library  DateTime
Library  String

*** Variables ***
${FLIGHTS}  //span[.='Flights']
${SEARCH_BTN}   //button[.='Search']
${BASEURL}  https://www.orbitz.com/
${ROUNDTRIP}    //span[.='Roundtrip']
${DEPARTURE_FROM}   //button[@aria-label="Leaving from"]
${ARRIVAL_TO}    //button[@aria-label="Going to"]
${DEPARTURE_TXT_BOX}    location-field-leg1-origin
${ARRIVAL_TXT_BOX}    location-field-leg1-destination
${DEPARTURE_DATE}   //button[@id="d1-btn"]
${ARRIVAL_DATE}    //button[@id="d2-btn"]
${DEPARTURE_CITY}   //span[.='San Francisco (SFO - San Francisco Intl.)']
${ARRIVAL_CITY}    //span[.='New York (NYC - All Airports)']
${CHOOSE_DEPARTING_FLIGHT}  (//span[.='Choose departing flight'])[2]
${NONSTOP}  //*[@name="fs0" or @name='stops']
${DATE_PREV_BTN}    (//button[@data-stid="date-picker-paging"])[1]
${DATE_NEXT_BTN}    (//button[@data-stid="date-picker-paging"])[2]

*** Keywords ***
Select Date    [Arguments]    ${year}    ${month}    ${date}
    ${currentdate}    Get Current Date    result_format=datetime
    ${year}    Convert To Integer    ${year}
    ${month}    Convert To Integer    ${month}
    ${date}    Convert To Integer    ${date}
    ${month-diff}    Evaluate    ${month}-${currentdate.month}
    ${year-diff}    Evaluate    ${year}-${currentdate.year}
    ${move}    Evaluate    ${year-diff}*12+${month-diff}
    
    # 修复翻页逻辑
    FOR    ${var}    IN RANGE    abs(${move})
        Run Keyword If    ${move}>0    Click Element When Visible    ${DATE_NEXT_BTN}
        ...    ELSE    Click Element When Visible    ${DATE_PREV_BTN}
        Sleep    0.5s
    END
    
    # 优化日期定位，不依赖class，直接匹配年月日后点击
    ${target_date_xpath}    Set Variable    //button[@data-year="${year}" and @data-month="${month-1}" and @data-day="${date}"]
    Wait Until Element Is Visible    ${target_date_xpath}    timeout=10s
    Wait Until Element Is Enabled    ${target_date_xpath}    timeout=10s
    # 优先普通点击，失败则用JS点击兜底，避免遮挡报错
    ${RUN_STATUS}    ${_}    Run Keyword And Ignore Error    Click Element    ${target_date_xpath}
    Run Keyword If    "${RUN_STATUS}" == "FAIL"    Execute Javascript    arguments[0].click();    Get WebElement    ${target_date_xpath}

Convert Date    [Arguments]     ${days}
    ${cd}   Get Current Date
    ${target_date}   Add Time To Date   ${cd}    ${days}    result_format=%Y-%m-%d
    ${num3}    ${num2}    ${num1}    Split String    ${target_date}    -
    ${num1}    Convert To Integer    ${num1}
    ${num2}    Convert To Integer    ${num2}
    ${num3}    Convert To Integer    ${num3}
    [Return]    ${num3}    ${num2}    ${num1}

*** Test Cases ***
Click Date
    Open Browser    https://www.orbitz.com/    chrome
    Maximize Browser Window
    Set Selenium Implicit Wait  3s
    Set Selenium Speed  0.5s
    Click Element When Visible   ${FLIGHTS}
    Wait Until Page Contains Element    ${ROUNDTRIP}
    Click Element   ${DEPARTURE_FROM}
    Wait Until Keyword Succeeds    60s    2s    Input Text  ${DEPARTURE_TXT_BOX}   San Franc
    Click Element When Visible   ${DEPARTURE_CITY}
    Click Element   ${ARRIVAL_TO}
    Wait Until Keyword Succeeds    60s    2s    Input Text  ${ARRIVAL_TXT_BOX}   New York
    Click Element When Visible   ${ARRIVAL_CITY}
    # 点击出发日期输入框打开日期选择器
    Click Element When Visible    ${DEPARTURE_DATE}
    ${year}    ${month}    ${day}    Convert Date    21 days
    Select Date    ${year}    ${month}    ${day}
    # 后续可补充点击日期选择器确认按钮的逻辑

额外优化说明 #

• 翻页逻辑修正：区分向前/向后翻页按钮，切换月份更准确
• 日期定位优化：直接使用元素自带的data-year/data-month/data-day属性定位，不受站点class样式更新影响
• 点击逻辑兜底：普通点击失败后自动用JS点击绕过元素遮挡限制
• 变量返回优化：Convert Date关键字改为直接返回年月日值，避免使用全局Suite变量污染上下文
• 等待逻辑优化：所有点击前都增加元素可见/可交互判断，替换硬等待更可靠

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