$

Der Befehl $ ist eine kurze und praktische Methode, um ein einzelnes Element auf der Seite zu finden.

Info

Im Gegensatz zum $, der an das Browser-Objekt angehängt ist, fragt dieser Befehl ein Element basierend auf einem Wurzelelement ab.

Sie können auch ein Objekt als Selektor übergeben, wobei das Objekt eine Eigenschaft element-6066-11e4-a52e-4f735466cecf mit dem Wert einer Referenz auf ein Element enthält. Der Befehl wandelt dann die Referenz in ein erweitertes WebdriverIO-Element um.

Hinweis: Die Verkettung von $ und $$ Befehlen macht nur Sinn, wenn Sie mehrere Selektorstrategien verwenden. Andernfalls werden unnötige Anfragen gemacht, die den Test verlangsamen (z.B. löst $('body').$('div') zwei Anfragen aus, während $('body div') buchstäblich dasselbe mit nur einer Anfrage bewirkt)

Sie können $ oder $$ zusammenketten, ohne einzelne Befehle in await einzupacken, um im DOM-Baum nach unten zu navigieren, z.B.:

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

WebdriverIO durchläuft Shadow Roots nahtlos, wenn Sie die Befehle $ oder $$ verwenden, unabhängig von der Verschachtelungsebene oder dem Shadow-Root-Modus, zum Beispiel:

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

Info

Weitere Informationen zur Auswahl bestimmter Elemente finden Sie im Selektoren-Leitfaden.

Verwendung

$(selector).$(selector)

Parameter

Name	Typ	Details
selector	String, Function, Matcher	Selektor, JS-Funktion oder Matcher-Objekt zum Abrufen eines bestimmten Elements

Beispiele

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

Rückgabewert

• <WebdriverIO.Element>