基于分布式Jmeter Selenium Webdriver的UI负载测试：页面资源加载验证咨询

Selenium层面的断言方法 #

• 验证所有图片（含缩略图）加载完成
  直接定位页面所有img元素，通过检查naturalWidth属性判断图片是否真实加载（该属性大于0说明图片已成功渲染，而非仅存在占位标签）。示例代码：

List<WebElement> allImages = driver.findElements(By.tagName("img"));
for (WebElement img : allImages) {
    int imgWidth = Integer.parseInt(img.getAttribute("naturalWidth"));
    Assert.assertTrue("图片加载失败：" + img.getAttribute("src"), imgWidth > 0);
}

• 等待页面全局加载完成
  通过JS判断页面readyState是否为complete，这一状态表示页面所有资源（图片、脚本、样式表等）均已加载完毕。示例代码：

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(30));
wait.until(driver -> ((JavascriptExecutor) driver).executeScript("return document.readyState").equals("complete"));

• 检查浏览器控制台加载错误
  抓取浏览器控制台日志，排查是否存在资源加载失败（如404、加载超时）的报错，确保没有图片或缩略图加载异常。示例代码：

List<LogEntry> browserLogs = driver.manage().logs().get(LogType.BROWSER).getAll();
for (LogEntry log : browserLogs) {
    Assert.assertFalse("资源加载错误：" + log.getMessage(), 
        log.getMessage().contains("404") || log.getMessage().contains("failed to load"));
}

JMeter层面的补充验证 #

• 响应断言检查资源引用
  给WebDriver Sampler添加响应断言，检查页面源码中是否包含图片、缩略图的关键标识（如特定的src路径片段、专属class/id），确保资源引用存在且符合预期。

• 线程级加载状态统计
  在每个测试线程中记录成功加载的图片数量，将该数据作为自定义变量传入JMeter，最终通过聚合报告查看所有线程的图片加载成功率，确保分布式环境下所有节点的加载状态一致。

实用建议 #

• 分布式测试中，不同节点的网络延迟可能存在差异，需设置足够长的显式等待时间，避免因加载未完成导致断言误判。
• 针对页面中懒加载的图片（如滚动后才加载的缩略图），需模拟用户滚动操作后再执行断言，确保这类资源也被加载验证。

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