$$

O comando $$ é uma forma curta e prática para buscar múltiplos elementos na página. Ele retorna um ChainablePromiseArray contendo um conjunto de elementos WebdriverIO.

informação

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

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 percorre facilmente as shadow roots ao usar os comandos $ ou $$, independentemente do nível de aninhamento ou do 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()

Também é possível usar iteradores assíncronos para percorrer o resultado da consulta, por exemplo:

// print all image sources
for await (const img of $$('img')) {
  console.log(await img.getAttribute('src'))
}

informação

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

Uso

$(selector).$$(selector)

Parâmetros

Nome	Tipo	Detalhes
selector	String, Function, Matcher	seletor, Função JS ou objeto Matcher para buscar múltiplos elementos

Exemplos

example.html

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

Retorna

• <WebdriverIO.ElementArray>