how locate elements chrome
Ово је туториал бр. 7 у нашој Селениум Онлине Траининг Сериес. Ако желите да проверите све водиче за Селениум из ове серије, молимо вас да проверите Ова страница .
У претходном упутству покушали смо да осветлимо разне врсте локатора у Селенијуму и њихове механизме лоцирања за изградњу скрипти за тестирање. Водич се првенствено састојао од кратког увођења различитих врста локатора, попут ИД, часови, Кспатхс, текстови веза , ЦСС Селецторс итд и њихова идентификација.
Настављајући са нашим следећим упутством, искористићемо прилику да вам представимо продужење стратегија лоцирања. Дакле, у следећи водич, проучавали бисмо механизам за проналажење веб елемената у Гоогле Цхроме-у и Интернет Екплорер-у.
Као што смо сви добро свесни чињенице да постоји брзи раст базе корисника Интернета, тако заинтересоване стране и програмери граде веб апликације које ће вероватно радити на већини прегледача.
Стога, замислите ситуацију у којој ваша веб апликација не подржава Фирефок, али добро функционише за Цхроме и Интернет Екплорер.
Сад, како ћете аутоматизовати такву апликацију помоћу селена? Или да будемо прецизнији како ћете лоцирати веб елементе у Цхроме-у и Интернет Екплорер-у. Стога одговор лежи у овом упутству.
шта је макефиле ц ++
Шта ћете научити:
Лоцирање веб елемената у Гоогле Цхроме-у
Почнимо са разумевањем стратегија лоцирања у Гоогле Цхроме-у.
Као и Фиребуг у Фирефок-у, Гоогле Цхроме има своје сопствени алат за програмере помоћу којих се могу идентификовати и лоцирати веб елементи на веб страници. За разлику од фиребуга, од корисника се не захтева да преузме или инсталира било који засебни додатак; алатка за програмере долази у пакету са Гоогле Цхроме-ом.
Следите кораке у наставку да бисте пронашли веб-елементе помоћу Цхроме-ове алатке за програмере:
Корак 1: Примарни корак је покретање Гоогле Цхроме-ове алатке за програмере. Притисните Ф12 да бисте покренули алатку. Корисник би могао да види нешто попут доњег екрана.
Имајте на уму да је на горњем снимку екрана истакнута картица „Елемент“. Дакле, картица елемент је она која приказује сва ХТМЛ својства која припадају тренутној веб страници. Идите на картицу „Елемент“ ако она није подразумевано отворена при покретању.
Такође можете да покренете алатку за програмере тако што ћете десним тастером миша кликнути било где у оквиру веб странице и одабиром „Инспецт елемент“ (Преглед елемента) који је врло сличан ономе код Фиребуг инспекције.
Корак 2: Следећи корак је лоцирање жељеног објекта на веб страници. Један од начина да се то учини је десни клик на жељени веб елемент и преглед. Својство ХТМЛ које припада том веб елементу биће истакнуто у алату за програмере. Други начин је лебдење кроз ХТМЛ својства и одговарајући веб елемент ће бити истакнут. Дакле, на овај начин корисник може лоцирати ИД-ове, класу, везе итд.
Креирање Кспатх-а у алату за програмере
О Кспатхс-у смо већ разговарали у прошлом упутству. Такође смо разговарали о њеној стратегији стварања. Овде бисмо своју дискусију засновали на провери ваљаности креираног КСПатх-а у Цхроме-овом алату за програмере.
Корак 1: Да бисте креирали КСПатх у алату за програмере, отворите картицу конзоле.
Корак 2: Укуцајте креирани Кспатх и приложите га у $ к („// инпут (@ ид =’ Емаил ’)“)
Корак # 3: Притисните тастер ентер да бисте видели све одговарајуће ХТМЛ елементе са наведеним Кспатх-ом. У нашем случају постоји само један одговарајући ХТМЛ елемент. Задржите показивач изнад тог ХТМЛ елемента и одговарајући веб елемент биће истакнути на веб страници.
На овај начин се могу створити и проверити ваљаност свих Кс стаза у конзоли.
Информације повезане са ЦСС-ом који одговарају веб елементу могу се наћи у Цхроме-овом алату за програмере. Погледајте снимак заслона у наставку:
Проналажење веб елемената у Интернет Екплореру
Попут Гоогле Цхроме-а, Интернет Екплорер такође има сопствени алат за програмере који се могу користити за идентификацију веб елемената на основу њихових својстава унутар веб странице. Корисник није дужан да преузме или инсталира било који засебни додатак, алата за програмере се лако испоручује у пакету са Интернет Екплорер-ом.
Следите кораке у наставку да бисте пронашли веб елементе помоћу алата ИЕ Девелопер:
Корак 1: Примарни корак је покретање алата ИЕ Девелопер. Притисните Ф12 да бисте покренули алатку. Корисник би могао да види нешто попут доњег екрана.
Имајте на уму да је картица „ХТМЛ“ истакнута на горњем снимку екрана. Дакле, ХТМЛ картица је она која приказује сва ХТМЛ својства која припадају тренутној веб страници. Проширите картицу ХТМЛ да бисте видели својства свих веб елемената који припадају тренутној веб страници.
Корак 2: Следећи корак је лоцирање жељеног објекта на веб страници. Један од начина за то је одабир ХТМЛ елемента и одговарајући веб елемент ће бити истакнут. Дакле, на овај начин корисник може да пронађе ИД-ове, класу, везе итд. Погледајте на доњем снимку екрана у којем ће Тектбок бити истакнут чим одаберемо одговарајуће ХТМЛ својство.
Други начин за проналажење веб елемента је кликнути на дугме „Пронађи“ које се налази у горњем менију и кликом на жељени веб елемент унутар веб странице. Као резултат, одговарајућа ХТМЛ својства би била истакнута.
Тако, помоћу алата за програмере, корисник може да пронађе ИД-ове, класе, имена ознака и може да креира Кспатхс за лоцирање веб елемената.
Попут Цхроме-ове алатке за програмере, ИЕ алатка за програмере има засебан одељак који приказује информације повезане са ЦСС-ом. Погледајте доњи снимак екрана.
Закључак
У овом упутству смо осветлили основне стратегије лоцирања елемената помоћу Девелопер-овог алата за Гоогле Цхроме и Интернет Екплорер.
Следећи водич # 8 : Настављајући са следећим упутством, са задовољством ћемо вас упознати са напреднијим алатом названим ВебДривер. ВебДривер је један од најупечатљивијих алата за тестирање аутоматизације. Дакле, наш следећи водич надаље, усмеравали бисмо и базирали дискусије око ВебДривера и свих његових глатких и грозних проблема.
Препоручено читање
- Проверите видљивост веб елемената помоћу различитих типова ВебДривер команди - Селен Туториал # 14
- Увод у Селениум ВебДривер - Водич за селен бр. 8
- Како се користи ЦСС Селецтор за идентификовање веб елемената за скрипте за селен - Водич за селен # 6
- Ефикасни сценарији за скриптирање и решавање проблема са селенијем - Водич за селениј # 27
- Отклањање грешака у селенијевим скриптама помоћу дневника (Водич за Лог4ј) - Водич за селениум # 26
- 30+ најбољих водича за селен: научите селен на стварним примерима
- Водич за краставац селениј: Интеграција Јава Селениум ВебДривер краставца
- Коришћење класе Селениум Селецт за руковање падајућим елементима на веб страници - Водич за селениј бр. 13