Selenium IDE如何定位GWT生成的类弹窗元素？

GWT生成的动态元素确实容易让Selenium IDE定位失效，试试下面这些实用方法：

• 换用稳定的定位策略
  GWT生成的元素ID、部分class通常带动态后缀（比如gwt-uid-xxx），别用静态的ID/完整class定位。改用包含固定特征的相对定位：

  • 用contains()匹配class里的固定部分，比如：
    click | //div[contains(@class,'gwt-DialogBox')]//input[contains(@class,'gwt-TextBox')]
  • 也可以结合元素的文本内容或者父容器的稳定属性，比如弹窗标题是固定的，就先定位标题所在元素，再找同级的输入框：
    click | //div[text()='弹窗标题']/following-sibling::div//input

• 优化等待逻辑
  常规的等待可能没命中GWT元素的加载节奏，试试这些：

  • 用waitForElementPresent先确认元素存在DOM中，再用waitForElementVisible等待可见：

    waitForElementPresent | //div[contains(@class,'gwt-DialogBox')]//input | 10000
    waitForElementVisible | //div[contains(@class,'gwt-DialogBox')]//input | 10000
    click | //div[contains(@class,'gwt-DialogBox')]//input
    

  • 如果元素有样式变化（比如从隐藏到显示），可以等待特定属性：
    waitForAttribute | //div[contains(@class,'gwt-DialogBox')]@style | *display: block*

• 检查iframe嵌套
  有些GWT弹窗会被渲染到隐藏的iframe里，先切换到对应iframe再定位：

  selectFrame | iframe[contains(@class,'gwt-Frame')]
  click | //input[contains(@class,'gwt-TextBox')]
  selectFrame | relative=parent  # 操作完切回主文档
  

• 用录制功能自动生成定位器
  手动写定位器容易出错，开启Selenium IDE的录制功能，触发弹窗后直接点击输入框，让IDE自动生成定位策略，通常会生成更适配GWT元素的css selector或xpath。

• 调整IDE设置
  在Selenium IDE的设置里，把元素定位的优先级调整为「CSS Selector」或「XPath」优先，避免IDE优先使用动态变化的ID定位。

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