本文介绍如何使用包含属性值匹配的xpath表达式，统一定位同一父容器下多个具有相同特征（如src含“red”）的img元素，避免为每个索引单独写xpath，提升自动化脚本的健壮性与可维护性。
在Web自动化测试（如Selenium）中，常遇到一组结构相似但索引不同（如 img[1]、img[2]）的元素，其关键区分点并非位置，而是属性值内容——例如按钮内多张图标图片，点击若干次后某张图片的 src 属性动态更新为包含 "red" 的URL（如 icon-red.svg 或 .../red_disabled.png），用于标识禁用状态。
此时，硬编码索引（如 //img[1] 或 //img[2]）极易导致脚本脆弱：一旦DOM顺序变动或新增元素，定位即失效；而依赖视觉状态（如颜色）又难以直接断言。更可靠的做法是基于语义化属性进行匹配。
✅ 推荐通用XPath写法：
//div[@class='name-slider-header']//button//img[contains(@src, 'red')]
该表达式含义清晰：
- 定位所有位于 name-slider-header 容器内、button 子元素下的
标签；
- 且其 src 属性值包含子字符串 "red"（不区分大小写需配合 translate() 函数，但多数场景小写足够）。
在Selenium Java中，可直接获取所有匹配元素进行批量校验：
ListredImgElements = driver.findElements( By.xpath("//div[@class='name-slider-header']//button//img[contains(@src, 'red')]") ); // 断言至少存在一个含"red"的禁用态图标 Assert.assertTrue("Expected at least one 'red' icon after disable", !redImgElements.isEmpty()); // 进一步验证每个匹配元素的src确实含"red" for (WebElement img : redImgElements) { String src = img.getAttribute("src"); Assert.assertNotNull("Image src is null", src); Assert.assertTrue("Image src does not contain 'red'", src.contains("red")); }
⚠️ 注意事项：
- @class='name-slider-header' 要求class值完全匹配；若实际class含多个值（如 class="name-slider-header active"），应改用 contains(@class, 'name-slider-header') 或更健壮的 @class and contains(concat(' ', @class, ' '), ' name-slider-header ')；
- contains(@src, 'red') 是模糊匹配，确保 "red" 不是误匹配（如 redirect）；若需精确控制，可结合正则（XPath 2.0+）或后续Java逻辑过滤；
- 元素是否“已禁用”不能仅靠图片变红判断——建议同步校验 button:disabled 或 img 的 aria-disabled="true" 等语义属性，实现多维度验证。
总结：抛弃索引依赖，转向属性驱动的XPath设计，是提升自动化稳定性的关键实践。以 contains(@attr, 'value') 为核心，让定位逻辑真正反映业务意图——“找禁用态的红色图标”，而非“找第二个图片”。
