Selenium WebDriver：如何计算列表中 DIV 元素的数量

Question

我正在尝试使用 Selenium 计算网页上数据网格中的行数。每一行都由一个 div 表示，使用以下结构（针对本文进行了简化）：-

<div id="resultsGrid">
    <div>
        <div>
            <div/>
            <div>
                <div class="canvas">
                    <div data-bind="foreach: renderedRows">
                        <div>list item</div>
                        <div>list item</div>
                        <div>list item</div>
                        <div>list item</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

通过阅读其他类似的帖子，我尝试使用以下代码和 XPath 来返回 <div data-bind="foreach: renderedRows"> 中的 div 数

var rowCount = webDriver.FindElements(By.XPath("//*[@id='usersResultsGrid']/div/div/div[2]/div/div")).Count;

每当我尝试此操作时，我只会返回 1，而不是预期的 4（在此示例中）。谁能指出我做错了什么的正确方向？

谢谢。

Answer 1

已解决。答案是向 xpath 添加一个额外的 div，如 By.XPath("//*[@id='usersResultsGrid']/div/div/div[2]/div/div/div")。我最初的 xpath 指向 div 'data-bind' 元素，它的计数当然只有 1，我需要它下面的 div 列表。

Answer 2

在任何xpath 下方使用，这将标识所有四个元素。

//div[@id='resultsGrid']//div[@class='canvas']/div[@data-bind]/div

或者

//div[@id='resultsGrid']//div[@data-bind]/div

实际上你的代码将是

var rowCount = webDriver.FindElements(By.XPath("//div[@id='resultsGrid']//div[@class='canvas']/div[@data-bind]/div")).Count;

---

Answer 3

要使用Selenium 计算数据网格中的行数，您可以使用以下任一Locator Strategies：

• CssSelector：

  var rowCount = webDriver.FindElements(By.XPath("div#resultsGrid div.canvas div[data-bind$='renderedRows'] > div")).Count;
  

• XPath：

  var rowCount = webDriver.FindElements(By.XPath("//div[@id='resultsGrid']//div[@class='canvas']/div[contains(@data-bind, 'renderedRows')]/div")).Count;
  

---

理想情况下，您必须为所需的VisibilityOfAllElementsLocatedBy() 诱导 WebDriverWait，您可以使用以下任一Locator Strategies：

• CssSelector：

  var rowCount = new WebDriverWait(webDriver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.VisibilityOfAllElementsLocatedBy(By.CssSelector("div#resultsGrid div.canvas div[data-bind$='renderedRows'] > div")));
  

• XPath：

  var rowCount = new WebDriverWait(webDriver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.VisibilityOfAllElementsLocatedBy(By.XPath("//div[@id='resultsGrid']//div[@class='canvas']/div[contains(@data-bind, 'renderedRows')]/div")));