элемент не может быть расположен в сценарии webdriverio

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. В хроме это выглядит так:

• Щелкните правой кнопкой мыши страницу
• Проверьте
• Выберите вкладку «консоль» на панели инструментов разработчика
• Затем просто наберите $$ ('. Overview-table.mobile-table')

Если это пустой массив, то вы знаете, что селектор неверен.