如何用Python/Robot Framework点击打印预览按钮？元素定位报错求助

这个问题我之前处理过，核心原因很明确：Chrome的打印预览是一个独立的新浏览器窗口，而你的代码还在原来的主窗口上下文里查找元素，自然会报NoSuchElementException。下面是具体的解决步骤和修改后的代码：

问题分析 #

点击打印图标后，Chrome会打开一个全新的窗口承载打印预览页面，这个窗口有自己的DOM上下文和窗口句柄。你的原代码没有切换到这个新窗口，所以在主窗口里永远找不到print-preview-app这个仅存在于打印预览窗口的元素。

解决方案步骤 #

1. 切换到打印预览窗口：获取所有打开的窗口句柄，切换到新打开的打印窗口。
2. 等待预览页面加载：切换窗口后，必须等待打印预览的根元素加载完成，再进行后续操作。
3. 逐层遍历Shadow DOM：Chrome打印预览的元素嵌套在多层Shadow DOM中，需要逐层展开才能找到打印按钮。

修改后的代码 #

Sampleprint.robot #

*** Settings ***
Library    Selenium2Library
Library    printfunc.py

*** Test Case ***
Validate Print Functionality
    Open Browser    http://samplewebsite.com    chrome
    Wait Until Page Contains Element    //*[@id="introduction-container"]    10s
    # 替换成你网站实际的打印图标定位（XPath/CSS选择器）
    Click Element    //*[@id="print-icon"]  
    # 等待新窗口打开，推荐用窗口标题等待更稳定
    Wait For Window    title=打印    10s
    # 获取所有窗口句柄并切换到打印窗口
    ${window_handles}=    Get Window Handles
    Switch To Window    ${window_handles}[1]
    # 等待打印预览根元素加载完成
    Wait Until Element Is Visible    print-preview-app    10s
    # 调用自定义函数点击打印按钮
    Click Print Button

printfunc.py #

from robot.libraries.BuiltIn import BuiltIn

def expand_shadow_element(driver, element):
    """展开Shadow DOM元素"""
    return driver.execute_script('return arguments[0].shadowRoot', element)

def click_print_button():
    selenium2lib = BuiltIn().get_library_instance('Selenium2Library')
    driver = selenium2lib.driver

    # 第一层Shadow DOM: print-preview-app
    root_app = driver.find_element_by_tag_name('print-preview-app')
    shadow_root_app = expand_shadow_element(driver, root_app)

    # 第二层Shadow DOM: print-preview-sidebar
    root_sidebar = shadow_root_app.find_element_by_css_selector('print-preview-sidebar')
    shadow_root_sidebar = expand_shadow_element(driver, root_sidebar)

    # 找到打印按钮容器，再定位到打印按钮
    button_container = shadow_root_sidebar.find_element_by_css_selector('print-preview-button-strip')
    print_button = button_container.find_element_by_css_selector('button.action-button')
    
    # 执行点击操作
    print_button.click()

额外注意事项 #

• 窗口句柄顺序：Get Window Handles返回的列表顺序可能因浏览器版本略有不同，如果切换失败，可以先打印${window_handles}查看实际顺序，调整索引。
• 元素定位适配：如果你的Chrome版本较新，打印预览的DOM结构可能有变化，建议用Chrome开发者工具（F12）查看当前打印页面的元素结构，调整选择器。
• 替换打印图标定位：把代码中的//*[@id="print-icon"]替换成你网站实际的打印按钮/图标定位，确保能触发打印窗口。

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