$

$ கட்டளை என்பது பக்கத்தில் ஒற்றை உறுப்பு (element) ஐ பெறுவதற்கான சுருக்கமான மற்றும் கையாளக்கூடிய வழியாகும்.

தகவல்

உலாவி பொருள் இல் இணைக்கப்பட்ட $ க்கு மாறாக, இந்த கட்டளை ஒரு மூல உறுப்பின் அடிப்படையில் ஒரு உறுப்பை கேள்வி கேட்கிறது.

நீங்கள் தேர்வுக்குறியாக (selector) element-6066-11e4-a52e-4f735466cecf என்ற பண்பை கொண்ட ஒரு பொருளை அனுப்பலாம், இதன் மதிப்பு ஒரு உறுப்பின் குறிப்பாக இருக்கும். கட்டளை பின்னர் குறிப்பை விரிவாக்கப்பட்ட WebdriverIO உறுப்பாக மாற்றும்.

குறிப்பு: $ மற்றும் $$ கட்டளைகளை தொடர்புபடுத்துவது நீங்கள் பல தேர்வுக்குறி உத்திகளைப் பயன்படுத்தும்போது மட்டுமே பொருள் உள்ளது. இல்லையெனில் நீங்கள் சோதனையை மெதுவாக்கும் தேவையற்ற கோரிக்கைகளை உருவாக்குவீர்கள் (எ.கா. $('body').$('div') இரண்டு கோரிக்கைகளைத் தூண்டும், ஆனால் $('body div') ஒரே கோரிக்கையுடன் அதே செயலைச் செய்கிறது).

DOM மரத்தில் கீழே செல்ல தனிப்பட்ட கட்டளைகளை await இல் சுற்றாமல் $ அல்லது $$ ஐ சங்கிலியாக இணைக்கலாம், எ.கா.:

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

WebdriverIO ஆனது நிழல் வேரின் ஆழம் அல்லது பயன்முறை பொருட்படுத்தாமல், $ அல்லது $$ கட்டளைகளைப் பயன்படுத்தும்போது தடையின்றி நிழல் வேர்களைக் கடக்கிறது, எடுத்துக்காட்டு:

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

தகவல்

குறிப்பிட்ட உறுப்புகளை எவ்வாறு தேர்ந்தெடுப்பது என்பதற்கான மேலும் தகவலுக்கு, தேர்வுக்குறிகள் வழிகாட்டியைப் பார்க்கவும்.

பயன்பாடு

$(selector).$(selector)

அளவுருக்கள்

பெயர்	வகை	விவரங்கள்
selector	String, Function, Matcher	குறிப்பிட்ட உறுப்பைப் பெறுவதற்கான தேர்வுக்குறி, JS செயல்பாடு, அல்லது பொருத்தி பொருள்

எடுத்துக்காட்டுகள்

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

திரும்பப் பெறுவது

• <WebdriverIO.Element>