Question

当前尝试测试webdriverio的响应能力。我调整屏幕的视口，然后尝试搜索页面底部存在的表（需要滚动以进入视口）。由于某种原因，它找不到元素，并且测试用例失败。

it('should resize the table when screen width is mobile', () => {
    let mobileTable = $('.overview-table.mobile-table');
    browser.setViewportSize({
        width: 767,
        height: 500
    });
    //browser.pause(1500);
    mobileTable.waitForExist(10000);
    console.log(mobileTable);
    mobileTable.scroll();
    browser.debug();
});

我不确定上面的代码中的元素是否正确。我设置mobileTable = $（'。overview-table.mobile-table'），因为它是具有这些类的表元素

<table class="overview-table mobile-table"> ... </table>

我收到以下错误：

An element could not be located on the page using the given search parameters (".overview-table.mobile-table").
running firefox
Error: An element could not be located on the page using the given search parameters (".overview-table.mobile-table").
    at scroll() - index.js:312:3

Answer 1

问题很可能出在您的选择器中。

您可以通过在浏览器JavaScript控制台中对其进行测试来验证选择器是否正确。在chrome中，它是这样的：

右键单击页面
检查
在开发工具面板中选择“控制台”标签
然后只需键入$$（'。overview-table.mobile-table'）

如果这是一个空数组，则说明选择器是错误的。

元素似乎无法位于webdriverio脚本中

1 个答案: