$

Kommandot $ är ett kort och behändigt sätt att hämta ett enskilt element på sidan.

info

Till skillnad från $ som är kopplat till webbläsarobjektet söker detta kommando efter ett element baserat på ett rootelement.

Du kan också skicka in ett objekt som väljare där objektet innehåller en egenskap element-6066-11e4-a52e-4f735466cecf med värdet av en referens till ett element. Kommandot kommer då att omvandla referensen till ett utökat WebdriverIO-element.

Observera: att kedja $ och $$ kommandon är bara meningsfullt när du använder flera väljarstrategier. Du kommer annars att göra onödiga förfrågningar som saktar ner testet (t.ex. $('body').$('div') kommer att utlösa två förfrågningar medan $('body div') gör bokstavligen samma sak med bara en förfrågan)

Du kan kedja $ eller $$ tillsammans utan att paketera enskilda kommandon i await för att gå nedåt i DOM-trädet, t.ex.:

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

WebdriverIO går sömlöst igenom shadow roots när du använder kommandona $ eller $$, oavsett nästningsnivå eller shadow root-läge, till exempel:

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

För mer information om hur du väljer specifika element, kolla in guiden Selectors.

Användning

$(selector).$(selector)

Parametrar

Namn	Typ	Detaljer
selector	String, Function, Matcher	väljare, JS-funktion, eller Matcher-objekt för att hämta ett visst element

Exempel

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

Returnerar

• <WebdriverIO.Element>