获取webdriver.io中具有相同选择器的所有元素的文本

基础概念

WebDriver.IO 是一个用于自动化浏览器测试的工具，它基于 Selenium WebDriver API 构建。WebDriver.IO 提供了丰富的 API 来与浏览器进行交互，包括获取页面元素、模拟用户操作等。

相关优势

1. 跨平台支持：WebDriver.IO 支持多种浏览器和操作系统。
2. 丰富的 API：提供了大量的 API 来模拟用户操作，如点击、输入、滚动等。
3. 易于使用：基于 Node.js，易于集成到现有的项目中。
4. 社区支持：有一个活跃的社区，提供了大量的示例和文档。

类型

WebDriver.IO 主要用于自动化测试，包括单元测试、集成测试和端到端测试。

应用场景

1. 自动化测试：用于自动化网页应用的测试，确保功能的正确性和稳定性。
2. 持续集成：与 CI/CD 工具集成，自动运行测试用例。
3. 回归测试：在代码变更后，自动运行测试用例，确保没有引入新的问题。

获取具有相同选择器的所有元素的文本

假设我们有一个页面，其中有多个元素使用了相同的选择器，例如 h1 标签。我们希望获取这些元素的文本内容。

以下是一个示例代码：

const { remote } = require('webdriverio');

(async () => {
    const browser = await remote({
        capabilities: {
            browserName: 'chrome'
        }
    });

    await browser.url('https://example.com');

    const elements = await browser.$$('h1');
    const texts = await Promise.all(elements.map(el => el.getText()));

    console.log(texts);

    await browser.deleteSession();
})();

解释

1. 引入 WebDriver.IO：
2. 引入 WebDriver.IO：
3. 启动浏览器会话：
4. 启动浏览器会话：
5. 打开目标网页：
6. 打开目标网页：
7. 获取所有具有相同选择器的元素：
8. 获取所有具有相同选择器的元素：
9. 获取这些元素的文本内容：
10. 获取这些元素的文本内容：
11. 输出文本内容：
12. 输出文本内容：
13. 关闭浏览器会话：
14. 关闭浏览器会话：

参考链接

• WebDriver.IO 官方文档
• WebDriver.IO GitHub 仓库

通过上述代码，你可以获取页面中所有具有相同选择器的元素的文本内容，并进行进一步的处理或验证。