$

Команда $ - это короткий и удобный способ для получения одного элемента на странице.

информация

В отличие от $, прикрепленного к объекту браузера, эта команда запрашивает элемент на основе корневого элемента.

Вы также можете передать объект в качестве селектора, где объект содержит свойство element-6066-11e4-a52e-4f735466cecf со значением ссылки на элемент. Команда затем преобразует ссылку в расширенный элемент WebdriverIO.

Примечание: цепочка команд $ и $$ имеет смысл только когда вы используете несколько стратегий селекторов. В противном случае вы будете делать ненужные запросы, которые замедляют тест (например, $('body').$('div') вызовет два запроса, тогда как $('body div') делает буквально то же самое с помощью только одного запроса)

Вы можете соединять команды $ или $$ вместе, не оборачивая отдельные команды в await, чтобы перемещаться по дереву DOM, например:

const imageSrc = await $$('div')[1].nextElement().$$('img')[2].getAttribute('src')

WebdriverIO легко проходит через теневые корни (shadow roots) при использовании команд $ или $$, независимо от уровня вложенности или режима теневого корня, например:

await browser.url('https://ionicframework.com/docs/usage/v8/datetime/basic/demo.html?ionic:mode=md')
await browser.$('button[aria-label="Sunday, August 4"]').click()
 await browser.$('.aux-input').getValue()

информация

Для получения дополнительной информации о том, как выбирать определенные элементы, ознакомьтесь с руководством по Селекторам.

Использование

$(selector).$(selector)

Параметры

Имя	Тип	Детали
selector	String, Function, Matcher	селектор, JS-функция или объект Matcher для получения определенного элемента

Примеры

example.html

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

singleElements.js

loading...

View on GitHub

$.js

it('should use Androids DataMatcher or ViewMatcher selector', async () => {
    const menuItem = await $({
        "name": "hasEntry",
        "args": ["title", "ViewTitle"],
        "class": "androidx.test.espresso.matcher.ViewMatchers"
    });
    await menuItem.click();

    const menuItem = await $({
        "name": "hasEntry",
        "args": ["title", "ViewTitle"]
    });
    await menuItem.click();
});

Возвращает

• <WebdriverIO.Element>