Robot Framework中验证元素颜色时${tech_color}返回None的问题

我需要通过验证元素颜色来决定是否点击该元素或进入下一步，但变量${tech_color}始终返回None。以下是我的测试代码：

Click Tech
    FOR  ${ITEM}  IN RANGE    0    10
        Wait Until Element Is Visible    ${pageOnboarding.Tech}
        ${tech_color}=     Execute JavaScript     matchingElement = document.evaluate("//div[@role='button'][text()='Tech']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; window.getComputedStyle(matchingElement).color;
        Log To Console   ${tech_color}
        Run Keyword If  ${tech_color} !='rgb(239, 17, 61)'   Click Element   ${pageOnboarding.Tech}
        Exit For Loop If    ${tech_color} == 'rgb(239, 17, 61)'
    END

执行测试时控制台日志如下：

Onboarding
DevTools listening on ws://127.0.0.1:53497/devtools/browser/51b0864a-ee9f-4000-9795-ea671ee5dfbf
Onboarding                                                         .None   
None
None
None
None
None
None
None
None
Onboarding                                                 | FAIL |

但在Opera控制台执行相同JavaScript代码时，未选中元素返回'rgb(0, 0, 0)'，选中元素返回'rgb(239, 17, 61)'。我需要该验证是因为元素可能已被选中，点击会取消选中。尝试过使用Execute Async JavaScript但超时失败，也尝试过将RGB转十六进制但无效。

可能的原因及解决办法 #

1. JavaScript代码未显式返回值 #

Execute JavaScript需要脚本显式返回结果才能赋值给变量，原代码最后缺少return语句，导致Robot Framework无法获取颜色值。修改后的代码：

${tech_color}=     Execute JavaScript     matchingElement = document.evaluate("//div[@role='button'][text()='Tech']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; return window.getComputedStyle(matchingElement).color;

2. 统一元素定位方式 #

原代码中Wait Until Element Is Visible用页面对象定位器${pageOnboarding.Tech}，但JS里用自定义XPath，可能出现定位不一致。建议通过已定位的元素节点获取样式：

${tech_element}=    Get WebElement    ${pageOnboarding.Tech}
${tech_color}=     Execute JavaScript     return window.getComputedStyle(arguments[0]).color;    ${tech_element}

这种方式避免重复编写XPath，减少定位偏差。

3. 优化循环逻辑 #

原循环会频繁点击元素，且达到最大次数后直接失败。增加等待时间并优化判断逻辑：

Click Tech
    ${max_attempts}=    Set Variable    10
    ${attempt}=    Set Variable    0
    ${target_color}=    Set Variable    rgb(239, 17, 61)
    WHILE    ${attempt} < ${max_attempts}
        Wait Until Element Is Visible    ${pageOnboarding.Tech}
        ${tech_element}=    Get WebElement    ${pageOnboarding.Tech}
        ${tech_color}=     Execute JavaScript     return window.getComputedStyle(arguments[0]).color;    ${tech_element}
        Log To Console   ${tech_color}
        IF    ${tech_color} == ${target_color}
            Exit Loop
        ELSE
            Click Element   ${pageOnboarding.Tech}
            Sleep    1    # 等待元素状态更新，避免无效重复点击
        END
        ${attempt}=    ${attempt} + 1
    END
    Run Keyword If    ${attempt} == ${max_attempts}    Fail    元素颜色未在指定次数内变为目标值

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