$

O comando $ é uma forma curta e prática para buscar um único elemento na página.

informação

Ao contrário do $ anexado ao objeto browser, este comando consulta um elemento com base em um elemento raiz.

Você também pode passar um objeto como seletor onde o objeto contém uma propriedade element-6066-11e4-a52e-4f735466cecf com o valor de uma referência a um elemento. O comando então transformará a referência em um elemento WebdriverIO estendido.

Nota: encadear comandos $ e $$ só faz sentido quando você usa múltiplas estratégias de seletor. Caso contrário, você fará requisições desnecessárias que desacelerarão o teste (por exemplo, $('body').$('div') acionará duas requisições enquanto $('body div') faz literalmente o mesmo com apenas uma requisição)

Você pode encadear $ ou $$ juntos sem envolver comandos individuais em await para navegar pela árvore DOM, por exemplo:

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

O WebdriverIO atravessa perfeitamente shadow roots ao usar os comandos $ ou $$, independentemente do nível de aninhamento ou modo de shadow root, por exemplo:

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()

informação

Para mais informações sobre como selecionar elementos específicos, consulte o guia de Seletores.

Uso

$(selector).$(selector)

Parâmetros

Nome	Tipo	Detalhes
selector	String, Function, Matcher	seletor, Função JS ou objeto Matcher para buscar um determinado elemento

Exemplos

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();
});

Retorna

• <WebdriverIO.Element>