获取使用 WebdriverIO v5 显示的元素数量

Question

我尝试使用 webdriverIO v5 和 Javascript 获取具有特定标签名称的元素的数量。 console.log() 正在打印所有这些，但存储元素数量的变量始终为 0。我错过了什么？

confirmSearchingResultPageHasOnlyTenElements() {
        this.searchBox.waitForEnabled(8000, false);
        this.searchBox.setValue('xyz');
        this.searchButton.waitForClickable({ timeout: 8000 });
        this.searchButton.click();
        var results = browser.findElements("tag name", 'article').values.length;
        console.log(results)
        expect(results).to.be.equal(10);
        results[3].click();
    }

Answer 1

您正在使用findElements，这将返回具有“标签名称”的 webElements 列表：'article'。

您可以检查每个元素element.isDisplayed(); 并计算它们。

Answer 2

如果您还没有，请升级到最新版本的 WebdriverIO (v6)。

你可以这样做：

const elements = $$('article')
// expect lib waits for assertion to pass
// in this case it waits for elements to have length 3
expect(elements).toBeElementsArrayOfSize(3) // there are exactly 3 `article` elements
// or expect(elements).toBeElementsArrayOfSize({ get: 3 }) // 3 or more `article` elements

expect(elements).toBeVisible() // make sure all the article elements are visible