எலிமெண்ட் ஆப்ஜெக்ட்

எலிமென்ட் ஆப்ஜெக்ட் என்பது ரிமோட் யூசர் ஏஜெண்டில் உள்ள எலிமென்டைக் குறிக்கும் ஒரு ஆப்ஜெக்டாகும், எ.கா. DOM Node ஒரு பிரௌசரில் அமர்வை இயக்கும் போது அல்லது மொபைலில் a mobile element. $, custom$, react$ அல்லது shadow$போன்ற பல எலிமென்ட் வினவல் கட்டளைகளில் ஒன்றைப் பயன்படுத்தி அதைப் பெறலாம்.

பண்புகள்

பிரௌசர் ஆப்ஜெக்ட் பின்வரும் பண்புகளைக் கொண்டுள்ளது:

பெயர்	வகை	விவரங்கள்
sessionId	String	ரிமோட் சர்வரில் இருந்து அமர்வு ஐடி ஒதுக்கப்பட்டது.
elementId	String	தொடர்புடைய web element reference, இது நெறிமுறை மட்டத்தில் உள்ள எலிமென்டுடன் தொடர்பு கொள்ள பயன்படுகிறது
selector	String	Selector எலிமென்டைக் வினவப் பயன்படுகிறது.
parent	Object	Browser Object அதிலிருந்து எலிமென்டைப் பெறும்போது (எ.கா. const elem = browser.$('selector')) அல்லது Element Object அது ஒரு எலிமென்ட் ஸ்கோப்பிலிருந்து எடுக்கப்பட்டிருந்தால் (எ.கா. elem.$('selector'))
options	Object	பிரௌசர் ஆப்ஜெக்ட் எவ்வாறு உருவாக்கப்பட்டது என்பதைப் பொறுத்து WebdriverIO options. மேலும் setup typesகாண்க.

மெத்தெடுகள்

ஒரு எலிமென்ட் ஆப்ஜெக்ட் நெறிமுறை பிரிவிலிருந்து அனைத்து மெத்தெடுகளையும் வழங்குகிறது, எ.கா. WebDriver நெறிமுறை மற்றும் எலிமென்ட் பிரிவில் பட்டியலிடப்பட்ட கட்டளைகள். கிடைக்கும் நெறிமுறை கட்டளைகள் அமர்வு வகையைப் பொறுத்தது. நீங்கள் ஒரு தானியங்கு பிரௌசர் அமர்வை இயக்கினால், Appium commands எதுவும் கிடைக்காது மற்றும் நேர்மாறாகவும் இருக்கும்.

கூடுதலாக, பின்வரும் கட்டளைகள் கிடைக்கின்றன:

பெயர்	பாராமீட்டர்கள்	விவரங்கள்
addCommand	- commandName (Type: String) - fn (Type: Function)	கலவை நோக்கங்களுக்காகப் பிரௌசர் பொருளிலிருந்து அழைக்கப்படும் தனிப்பயன் கட்டளைகளை வரையறுக்க அனுமதிக்கிறது. Custom Command வழிகாட்டியில் மேலும் படிக்கவும்.
overwriteCommand	- commandName (Type: String) - fn (Type: Function)	தனிப்பயன் செயல்பாட்டுடன் எந்த பிரௌசர் கட்டளையையும் மேலெழுத அனுமதிக்கிறது. பிரேம்வர்கைப் பயன்படுத்துபவர்களைக் குழப்பக்கூடும் என்பதால் கவனமாகப் பயன்படுத்தவும். Custom Command வழிகாட்டியில் மேலும் படிக்கவும்.

குறிப்புகள்

எலிமென்ட் செயின்

எலிமென்டுகளுடன் பணிபுரியும்போது WebdriverIO அவற்றை வினவுவதை எளிதாக்க சிறப்பு சிண்டாக்ஸ் மற்றும் காம்போசிட் காம்ப்ளெக்ஸ் நெஸ்டட் எலிமென்ட் தோற்றத்தை வழங்குகிறது. பொதுவான வினவல் முறைகளைப் பயன்படுத்தி, எலிமென்ட் ஆப்ஜெக்டுகள் அவற்றின் ட்ரீ பிராஞ்சில் உள்ள எலிமென்டுகளைக் கண்டறிய உங்களை அனுமதிப்பதால், பயனர்கள் நெஸ்டட் எலிமென்டுகளைப் பின்வருமாறு பெறலாம்:

const header = await $('#header')
const headline = await header.$('#headline')
console.log(await headline.getText()) // outputs "I am a headline"

டீப் நெஸ்டட் கட்டமைப்புகள் ஒரு அரேவிற்கு எந்த நெஸ்டட் எலிமென்டையும் ஒதுக்கினால், அதைப் பயன்படுத்துவதற்கு அது மிகவும் வாய்மொழியாக இருக்கும். எனவே WebdriverIO ஆனது இது போன்ற நெஸ்டட் எலிமென்ட்சுகளைப் பெற அனுமதிக்கும் செய்ண்டு எலிமென்ட் வினவல்களின் கருத்தைக் கொண்டுள்ளது:

console.log(await $('#header').$('#headline').getText())

எலிமென்ட்சுகளின் தொகுப்பைப் பெறும்போது இதுவும் வேலை செய்கிறது, எ.கா.:

// get the text of the 3rd headline within the 2nd header
console.log(await $$('#header')[1].$$('#headline')[2].getText())

எலிமென்ட்சுகளின் தொகுப்புடன் பணிபுரியும்போது, அவற்றுடன் தொடர்பு கொள்ள முயற்சிக்கும்போது இது மிகவும் பயனுள்ளதாக இருக்கும், எனவே செய்வதற்குப் பதிலாக:

const elems = await $$('div')
const locations = await Promise.all(
    elems.map((el) => el.getLocation())
)

எலிமென்ட் சங்கிலியில் அரே மெத்தெடுகளை நீங்கள் நேரடியாக அழைக்கலாம், எ.கா.:

const location = await $$('div').map((el) => el.getLocation())

WebdriverIO uses a custom implementation that supports asynchronous iteratiors under the hood so all commands from their API are also supported for these use cases.

தனிப்பயன் கட்டளைகள்

பொதுவாகப் பயன்படுத்தப்படும் பணிப்பாய்வுகளைத் தவிர்க்க, பிரவுசர் ஸ்கோப்பில் தனிப்பயன் கட்டளைகளை அமைக்கலாம். மேலும் தகவலுக்கு தனிப்பயன் கட்டளைகள் இல் உள்ள எங்கள் வழிகாட்டியைப் பார்க்கவும்.