Мени

Како се користи ЦСС Селецтор за идентификовање веб елемената за скрипте за селен - Водич за селен # 6

how use css selector

Испробајте Наш Инструмент За Елиминисање Проблема

У нашем претходни туторијал за Селениум , научили смо различите типове локатора. Такође смо научили како да користимо: ИД, име класе, име, текст везе и КСПатх локаторе за идентификовање веб елемената на веб страници.

У наставку са тим, данас ћемо научити како користити ЦСС Селецтор као локатор . Ово је наш 6. туторијал у нашем бесплатна серија Обука за селен .

Коришћење ЦСС Селецтор-а као локатора:

ЦСС Селецтор је комбинација селектора елемента и вредности селектора која идентификује веб елемент унутар веб странице. Састав селектора елемената и вредности селектора познат је под називом Селецтор Паттерн.

ЦСС Селецтор Селениум Лоцатор

Узорак селектора је направљен помоћу ХТМЛ тагова, атрибута и њихових вредности. Централна тема иза процедуре за креирање ЦСС Селецтор-а и Кспатх-а су веома сличне у основи једине разлике у њиховом конструкцијском протоколу.

Као и Кспатх, ЦСС селектор такође може лоцирати веб елементе који немају ИД, класу или Име.

како се користи апк датотека

Дакле, напредујући, разговарајмо о примитивним типовима ЦСС селектора:

Коришћење ЦСС Селецтор-а као локатора

Шта ћете научити:

ЦСС Селецтор: ИД

У овом примеру бисмо приступили оквиру за текст „Е-пошта“ који се налази у обрасцу за пријаву на Гмаил.цом.

Оквир за текст е-поште има атрибут ИД чија је вредност дефинисана као „Е-пошта“. Стога се ИД атрибут и његова вредност могу користити за креирање ЦСС Селецтор-а за приступ оквиру за текст е-поште.

Креирање ЦСС селектора за веб елемент

Корак 1 : Пронађите / прегледајте веб елемент (текстуални оквир „Е-пошта“ у нашем случају) и приметите да је ХТМЛ ознака „улаз“, а вредност атрибута ИД „Е-пошта“ и обојица заједно упућују на „Оквир за текст е-поште“. Стога би се горњи подаци користили за креирање ЦСС Селецтор-а.

Коришћење ЦСС Селецтор-а као локатора 2

Проверите вредност локатора

Корак 1 : Укуцајте „цсс = инпут # Емаил“, тј. Вредност локатора у циљни оквир у ИДЕ-у Селениум и кликните на дугме Пронађи. Приметите да ће бити истакнуто поље Текст е-поште.

Коришћење ЦСС Селецтор-а као локатора 3

Синтакса

цсс =

  • ХТМЛ таг - То је ознака која се користи за означавање веб елемента којем желимо да приступимо.
  • # - Хасх знак се користи да симболизује атрибут ИД. Обавезно је користити хеш знак ако се ИД атрибут користи за креирање ЦСС Селектора.
  • Вредност ИД атрибута - То је вредност ИД атрибута којем се приступа.
  • Вредности ИД-а увек претходи знак хеширања.

Белешка: Такође применљиво за друге типове ЦСС бирача

  • Док специфицирате ЦСС Селецтор у циљном оквиру за текст Селениум ИДЕ-а, увек не заборавите да му додате префикс са „цсс =“.
  • Редослед горе наведених артефаката је непроменљив.
  • Ако два или више веб елемената имају исту ХТМЛ ознаку и вредност атрибута, идентификоваће се први елемент означен у извору странице.

ЦСС Селецтор: Разред

У овом примеру бисмо приступили потврдном пољу „Остани пријављен“ који се налази испод обрасца за пријаву на гмаил.цом.

Потврдни оквир „Остани пријављен“ има атрибут Цласс чија је вредност дефинисана као „запамти“. Тако се атрибут Цласс и његова вредност могу користити за креирање ЦСС селектора за приступ назначеном веб елементу.

Лоцирање елемента помоћу Класе као ЦСС Селектора веома је слично коришћењу ИД-а, усамљена разлика лежи у њиховом формирању синтаксе.

Креирање ЦСС селектора за веб елемент

Корак 1 : Пронађите / прегледајте веб елемент (потврдни оквир „Остани пријављен“ у нашем случају) и приметите да је ХТМЛ ознака „ознака“, а вредност атрибута ИД „запамти“ и обојица заједно упућују на „Останите потписани“ у пољу за потврду “.

Проверите вредност локатора

Корак 1 : Укуцајте „цсс = лабел.ремембер“, тј. Вредност локатора у циљном пољу у ИДЕ-у Селениум и кликните на дугме Пронађи. Приметите да ће бити означено поље за потврду „Останите пријављени“.

Коришћење ЦСС Селецтор-а као локатора 4

Синтакса

цсс =

  • . - Тачка се користи да симболизује атрибут класе. Обавезно је користити тачку ако се атрибут класе користи за креирање ЦСС селектора.
  • Вредности класе увек претходи тачка.

ЦСС Селецтор: Атрибут

У овом примеру бисмо приступили дугмету „Пријави се“ које се налази испод обрасца за пријаву на гмаил.цом.

Дугме „Пријави се“ има атрибут типа чија је вредност дефинисана као „пошаљи“. Тако се атрибут типа и његова вредност могу користити за креирање ЦСС Селектора за приступ назначеном веб елементу.

Креирање ЦСС селектора за веб елемент

Корак 1 : Пронађите / прегледајте веб елемент (у нашем случају дугме „Пријави се“) и приметите да је ХТМЛ ознака „инпут“, атрибут је врста, а вредност атрибута типе „субмит“ и сви они заједно упућују на дугме „Пријави ме“.

Проверите вредност локатора

Корак 1 : Укуцајте „цсс = инпут (типе =’ субмит ’)“, тј. Вредност локатора у циљном пољу у ИДЕ-у Селениум и кликните на дугме Пронађи. Приметите да ће дугме „Пријави се“ бити истакнуто.

Коришћење ЦСС Селецтор-а као локатора 5

Синтакса

цсс =

  • Атрибут - То је атрибут који желимо да користимо за креирање ЦСС Селецтор-а. Може вредност, тип, име итд. Препоручује се одабир атрибута чија вредност јединствено идентификује веб елемент.
  • Вредност атрибута - То је вредност атрибута којем се приступа.

ЦСС Селецтор: ИД / класа и атрибут

У овом примеру бисмо приступили оквиру за текст „Лозинка“ који се налази у обрасцу за пријаву на гмаил.цом.

Оквир за текст „Лозинка“ има атрибут ИД чија је вредност дефинисана као „Пассвд“, атрибут типа чија је вредност дефинисана као „лозинка“. Стога се ИД атрибут, атрибут типа и њихове вредности могу користити за креирање ЦСС Селектора за приступ назначеном веб елементу.

где пронаћи мрежни безбедносни кључ

Креирање ЦСС селектора за веб елемент

Корак 1 : Пронађите / прегледајте веб елемент (у нашем случају оквир за текст „Лозинка“) и приметите да је ХТМЛ ознака „инпут“, атрибути су ИД и тип и њихове одговарајуће вредности су „Пассвд“ и „пассворд“ и сви они заједно упутите се на оквир за текст „Лозинка“.

Проверите вредност локатора

Корак 1 : Укуцајте „цсс = инпут # Пассвд (наме =’ Пассвд ’)“, тј. Вредност локатора у циљном пољу у ИДЕ-у Селениум и кликните на дугме Пронађи. Приметите да ће бити истакнуто поље за текст „Лозинка“.

Коришћење ЦСС Селецтор-а као локатора 5

Синтакса

цсс =

Два или више атрибута такође могу бити садржана у синтакси.На пример, „Цсс = инпут # Пассвд (типе =’ пассворд ’) (наме =‘ Пассвд ’)“.

ЦСС Селецтор: Подниз

ЦСС у селенијуму омогућава подударање делимичног низа и тако извођење врло занимљиве особине за креирање ЦСС селектора помоћу поднизова. Постоје три начина на која се ЦСС селектори могу креирати на основу механизма који се користи за подударање подниза.

Врсте механизама

Сви доњи механизми имају симболичан значај.

  • Поравнајте префикс
  • Поравнај суфикс
  • Подударите се са поднизом

Размотримо их детаљно.

Поравнајте префикс

Користи се за одговарање низу уз помоћ одговарајућег префикса.

Синтакса

цсс =

  • ^ - Симболички запис који одговара низу помоћу префикса.
  • Префикс - То је низ на основу којег се изводи операција подударања. Очекује се да вероватноћа низа започне наведеним низом.

На пример: Размотримо „оквир за текст лозинке“, тако да би одговарајући ЦСС Селецтор био:

цсс = инпут # Пассвд (наме ^ = 'Пасс')

Поравнај суфикс

Користи се за одговарање низу уз помоћ одговарајућег суфикса.

Синтакса

цсс =

  • # - Симболички запис који одговара низу помоћу суфикса.
  • Суфикс - То је низ на основу којег се изводи операција подударања. Очекује се да се вероватноћа низа завршава наведеним низом.

На пример,Хајде да поново размотримо „Оквир за текст лозинке“, па би одговарајући ЦСС Селецтор био:

цсс = инпут # Пассвд (име $ = ’вд’)

Подударите се са поднизом

Користи се за одговарање низу уз помоћ одговарајућег подниза.

Синтакса

цсс =

  • * - Симболички запис који одговара низу помоћу подниза.
  • Подниз - То је низ на основу којег се изводи операција подударања. Очекује се да ће вероватноћа низа имати наведени образац низа.

На пример,омогућава нам да поново размотримо „Оквир за текст лозинке“, тако да би одговарајући ЦСС Селецтор био:

цсс = инпут # Пассвд (име $ = ’вд’)

ЦСС Селецтор: Унутарњи текст

Унутрашњи текст помаже нам да идентификујемо и креирамо ЦСС Селецтор користећи образац низа који се ХТМЛ ознака манифестује на веб страници.

Размислите: „Треба вам помоћ?“ хипервеза присутна испод обрасца за пријаву на гмаил.цом.

Ознака сидра која представља хипервезу садржи текст затворен у себи. Стога се овај текст може користити за креирање ЦСС селектора за приступ назначеном веб елементу.

Синтакса:

цсс =

  • : - Знак тачке служи за симболизовање садржи методу
  • Садржи - вредност атрибута класе којој се приступа.
  • Текст - Текст који се приказује било где на веб страници, без обзира на његово место.

Ово је једна од најчешће коришћених стратегија лоцирања веб елемента због његове поједностављене синтаксе.

Због чињенице да креирање ЦСС Селецтор-а и Кспатх-а захтева много напора и праксе, тако да тај процес спроводе само софистициранији и обученији корисници.

Следећи водич # 7 : Настављајући са нашим следећим упутством, искористили бисмо прилику да вам представимо проширење стратегија лоцирања. Тако бисмо у следећем упутству проучавали механизам за проналажење веб елемената у Гоогле Цхроме-у и Интернет Екплорер-у.

веб локација која претвара ИоуТубе видео снимке у мп3

Детаљније покривамо Селениум Лоцаторс јер је то важан део стварања Селениум Сцрипт.

Јавите нам ваше упите / коментаре у наставку.

Препоручено читање

^