$$

Polecenie $$ jest krótkim i wygodnym sposobem pobierania wielu elementów na stronie. Zwraca ChainablePromiseArray zawierający zestaw elementów WebdriverIO.

informacja

W przeciwieństwie do $$ dołączonego do obiektu przeglądarki, to polecenie wykonuje zapytania o elementy na podstawie elementu głównego.

Możesz łączyć polecenia $ lub $$ bez konieczności opakowywania pojedynczych poleceń w await, aby poruszać się po drzewie DOM, np.:

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

WebdriverIO płynnie przechodzi przez shadow rooty podczas używania poleceń $ lub $$, niezależnie od poziomu zagnieżdżenia lub trybu shadow root, na przykład:

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

Możliwe jest również używanie asynchronicznych iteratorów do przeglądania wyników zapytania, np.:

// wypisz wszystkie źródła obrazów
for await (const img of $$('img')) {
  console.log(await img.getAttribute('src'))
}

informacja

Aby uzyskać więcej informacji na temat wybierania określonych elementów, zapoznaj się z przewodnikiem Selektory.

Użycie

$(selector).$$(selector)

Parametry

Nazwa	Typ	Szczegóły
selector	String, Function, Matcher	selektor, funkcja JS lub obiekt Matcher do pobierania wielu elementów

Przykłady

example.html

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

multipleElements.js

loading...

View on GitHub

Zwraca

• <WebdriverIO.ElementArray>