如何计算与 CSS 选择器匹配的元素数量？

Question

我正在尝试使用 SeleniumRC 来测试我的 GWT 应用程序，并尝试使用 CSS 选择器来匹配元素。

我想计算以下 HTML 中启用的按钮的数量。

如果按钮位于带有 class="x-panel-btn-td " 的 下，则启用按钮；如果按钮位于 < 下，则禁用按钮;td> 与 class="x-panel-btn-td x-hide-offsets"。

所以基本上，我想检索带有 x-panel-btn-td 类的所有 下的按钮数量。

<table cellspacing="0">
    <tbody>
    <tr>
        <td id="ext-gen3504" class="x-panel-btn-td ">
            <em unselectable="on">
                <button id="ext-gen3506" class="x-btn-text" type="button">OK</button>
            </em>
        </td>
        <td id="ext-gen3512" class="x-panel-btn-td x-hide-offsets">
            <em unselectable="on">
                <button id="ext-gen3506" class="x-btn-text" type="button">Yes</button>
            </em>
        </td>
        <td id="ext-gen3520" class="x-panel-btn-td">
            <em unselectable="on">
                <button id="ext-gen3506" class="x-btn-text" type="button">No</button>
            </em>
        </td>
        <td id="ext-gen3528" class="x-panel-btn-td x-hide-offsets">
            <em unselectable="on">
                <button id="ext-gen3506" class="x-btn-text" type="button">Cancel</button>
            </em>
        </td>
    </tr>
    </tbody>
</table>

Answer 1

据我所知，您无法使用 CSS 选择器执行此操作，但 Selenium 中有一个用于通过 XPath 进行计数的命令。以下命令将验证是否有两个禁用按钮：

verifyXpathCount | //td[contains(@class, 'x-hide-offsets')]//button | 2

在 Selenium RC (Java) 中，这看起来更像是

assertEquals(selenium.getXpathCount("//td[contains(@class, 'x-hide-offsets')]//button"), 2);

Answer 2

现在，这也在 Selenium Webdriver API 由于 google 仍然链接到此问题作为最佳结果，即使 Selenium RC 已被 Webdriver 取代，希望这可以节省某人的时间。

java代码示例：

int locatorElementSize = driver.findElements(By.cssSelector("yourCSSLocator")).size();

Answer 3

在较新版本的 Selenium 中，有一个函数 GetCSSCount(string locator)。只是觉得这个问题的更新会有用

Answer 4

由于 Selenium 是 Firefox 的一部分，并且后者支持 Selectors API，因此可以使用如下测试来简化 CSS 定位器匹配的计数：

verifyEval | window.document.querySelectorAll("your#css > selector.here").length | 4

当然，在此示例中，计数被验证为 4。

Answer 5

这个应该比较简单。您可以通过多种方式完成此操作，但我建议使用 DefaultSelenium 中的 getEval(...) 。

编写一些 JavaScript：

1. 通过 id 获取所有元素：ext-gen3506
2. 迭代所有元素并检查是否已启用（
3. 如果已启用），增加计数
4. “返回”计数。

一般来说，getEval(...) 将返回最后运行的语句的值...，这样您就可以得到计数。

Answer 6

这是另一个使用 javascript 的解决方案，类似于有关 Selector API / window.document.querySelectorAll 的帖子：

http://blog.eviltester.com/2010/03/a-simple-getcsscount-helper-method-for-use-with-selenium-rc .html