C++驱动Selenium应对复杂页面自动化测试指南

1. 动态元素加载处理

复杂页面常使用Ajax动态加载元素，需设置智能等待策略：

#include <webdriverxx.h>
using namespace webdriverxx;

// 显式等待（推荐）
WebDriver driver = Start(Chrome());
driver.Wait(Until::ElementIsVisible(By::Id("dynamic-content")), 10000); // 10秒超时

// 隐式等待（全局生效）
driver.SetImplicitWaitTimeout(5000); // 5秒

2. iframe/Shadow DOM处理

嵌套框架需显式切换上下文：

// 定位iframe并切换
WebElement iframe = driver.FindElement(By::TagName("iframe"));
driver.SwitchTo().Frame(iframe);

// 操作iframe内元素
driver.FindElement(By::Id("inner-button")).Click();

// 返回主文档
driver.SwitchTo().DefaultContent();

// Shadow DOM处理（需执行JS）
auto script = "return document.querySelector('my-component').shadowRoot";
WebElement shadowRoot = driver.ExecuteScript<WebElement>(script);

3. 复杂交互模拟

// 悬停操作
Actions(driver)
    .MoveToElement(driver.FindElement(By::Id("menu")))
    .Perform();

// 拖放操作
WebElement source = driver.FindElement(By::Id("draggable"));
WebElement target = driver.FindElement(By::Id("droppable"));
Actions(driver)
    .DragAndDrop(source, target)
    .Perform();

// 文件上传
driver.FindElement(By::Id("upload-input"))
    .SendKeys("C:/path/to/file.pdf");

4. JavaScript执行

直接执行JS解决特殊场景：

// 滚动到元素
driver.ExecuteScript(
    "arguments[0].scrollIntoView({behavior: 'smooth'});",
    driver.FindElement(By::Id("footer"))
);

// 修改元素属性
driver.ExecuteScript(
    "document.getElementById('hidden-field').value = 'new_value';"
);

5. 异常处理机制

try {
    driver.FindElement(By::Css(".unstable-element")).Click();
} catch (const NoSuchElementException& e) {
    // 元素未找到处理
    driver.ExecuteScript("window.location.reload();");
} catch (const StaleElementReferenceException& e) {
    // DOM更新后重新获取元素
    WebElement refreshed = driver.FindElement(By::Css(".unstable-element"));
    refreshed.Click();
}

6. 页面状态检测

// 检测文档就绪状态
bool isReady = driver.ExecuteScript<bool>("return document.readyState === 'complete';");

// 检测Ajax请求完成
bool isJQueryActive = driver.ExecuteScript<bool>("return jQuery.active === 0;");

// 自定义等待条件
driver.Wait([](WebDriver& d) {
    return d.ExecuteScript<bool>("return window.pageStatus === 'loaded';");
}, 15000);

7. 高效元素定位策略

// 相对定位器（Selenium 4+）
driver.FindElement(
    RelativeBy::WithTagName("button")
        .Near(By::Id("reference-element"), 50) // 50像素范围内
        .Below(By::ClassName("header"))
);

// 链式查找
driver.FindElement(By::Id("table-container"))
    .FindElement(By::TagName("tr"))
    .FindElements(By::TagName("td"))[2]
    .Click();

8. 最佳实践建议

1. 页面对象模型(POM)：封装页面元素和操作

   class LoginPage {
   public:
       LoginPage(WebDriver& d) : driver(d) {}
       
       void Login(string user, string pass) {
           username.SendKeys(user);
           password.SendKeys(pass);
           submit.Click();
       }
   private:
       WebElement username = driver.FindElement(By::Id("user"));
       WebElement password = driver.FindElement(By::Id("pass"));
       WebElement submit = driver.FindElement(By::Css("button.primary"));
   };
   

2. 配置浏览器参数：

   ChromeOptions options;
   options.AddArgument("--headless"); // 无头模式
   options.AddArgument("--disable-gpu");
   options.AddArgument("--window-size=1920,1080");
   WebDriver driver = Start(Chrome(options));
   

3. 日志与截图：

   driver.Get("/complex-page");
   driver.GetScreenshot().SaveAs("screenshot.png");
   

4. 性能优化：

   // 禁用图片加载
   options.AddExperimentalOption("prefs", {
       {"profile.managed_default_content_settings.images", 2}
   });
   

关键提示：复杂页面测试需结合具体场景调整策略，建议先使用开发者工具分析DOM结构，优先使用稳定选择器（如data-testid属性），并定期维护定位表达式。