如何使用 Selenium 和 JavaScript 檢查 class 中是否存在文本

Question

我是 Selenium 的新手。 我想驗證特定的 class 是否包含 JavaScript 中的文本片段。

我有以下 HTML：

<div class="product-small">
   <div class="data">
      <p>This is some Text</p>
   </div>
</div>
<div class="product-small">
   <div class="data">
      <p>This is some Text</p>
   </div>
</div>
...

上面的 class 在頁面上多次可用，所以我必須迭代“product-small” class 以檢查是否所有 12 個類都包含文本“some”。 如果具有“product-small” class 的 12 個元素之一不包含文本“some”，則測試將失敗。

我想是這樣的：

const cars = driver.findElements(By.className('product-small'));
    cars.forEach(function (element) {
        // Check if element contains "some" inside class "data"
        // If element does not contain "some", test will fail
    });

謝謝：）

Answer 1

一個通用的解決方案是使用以下基於xpath的定位器策略收集元素並探測長度，如果它等於12 ，則將其標記為通過，否則將其標記為失敗

const cars = driver.findElements(By.xpath("div[@class='product-small']//p[contains(., 'some')]"));