如何用Selenium正确验证class为checkout-mini-cart的div存在滚动条？

嘿，我来帮你搞定这个问题！你的代码里有几个小细节出错了，导致返回null和结果不符合预期，咱们一步步修正：

问题分析 #

你的JS脚本里有三个关键问题：

• 类名参数错误：document.getElementsByClassName()的参数是纯类名，不需要加.前缀。你写了.checkout-mini-cart，相当于在找类名包含点号的元素，自然找不到目标div，导致div是一个空的HTMLCollection，访问scrollHeight就会返回null。
• 未获取集合中的单个元素：getElementsByClassName()返回的是HTMLCollection（元素集合），哪怕页面只有一个匹配元素，也需要通过索引[0]取出具体元素。
• 滚动条判断逻辑颠倒：当元素的scrollHeight（内容的总高度，包括不可见部分）大于clientHeight（元素的可见区域高度）时，才会出现垂直滚动条，你原来的<逻辑完全反了。

正确的实现代码 #

Java + Selenium 版本 #

JavascriptExecutor jsExecutor = (JavascriptExecutor) webDriver;
String script = "var div = document.getElementsByClassName('checkout-mini-cart')[0];" +
                "return div ? (div.scrollHeight > div.clientHeight) : false;";
Object isScrollable = jsExecutor.executeScript(script);
// 转成布尔值方便后续使用
Boolean hasScrollbar = (Boolean) isScrollable;

脚本逻辑说明 #

我们优化后的脚本做了这些改进：

1. 去掉类名前的.，用纯类名checkout-mini-cart作为查找参数
2. 用[0]从元素集合中取出第一个匹配的目标div
3. 增加空值判断：如果找不到目标元素，直接返回false，避免抛出JS异常
4. 修正判断逻辑为scrollHeight > clientHeight，准确识别垂直滚动条是否存在

额外提示 #

如果需要判断水平滚动条，只需要把判断条件换成：

div.scrollWidth > div.clientWidth

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