Меню

Как да изберете полето за отметка в селен с примери

  • Основен
  • Други
  • Как да изберете полето за отметка в селен с примери

how select check box selenium with examples

Опитайте Нашия Инструмент За Премахване На Проблемите

Този урок обяснява различни методи за поставяне на отметка в селен с примери. Също така ще се научите да избирате няколко квадратчета за отметка и CheckBox в HTML:

как да отворите торент файл на Windows 10

Видяхме как се управляват радио бутоните в Selenium в един от нашите по-ранни уроци. Сега нека да функционираме отметката в Selenium.

Полето за отметка е уеб елемент, който се използва за избор на една или няколко опции в резултат на отговора на предоставения въпрос.

Полето за отметка може да бъде включено или изключено (това е отметнато или не). Отметнато квадратче за отметка е това, което се вижда като отметка. Неотметнато е това, което е отметнато.

=> Внимавайте тук за простите серии за обучение по селен.

Поле за отметка „Работа“ в селен

Изображението по-долу ясно показва квадратчетата за отметка, където първите 2 могат да се видят отметнати, докато последното е отметнато.

отметка

Полето за отметка е известно също като поле за избор или отметка. Малката кутия, в която се появява отметка при щракване върху квадратчето за отметка и при щракване отново отметката изчезва и квадратчето е отметнато.

В този урок ще изследваме работата с отметка в Selenium.

Какво ще научите:

Изберете квадратче за отметка с помощта на клавиатурата

Отворете уебсайта, върху който работите или който има отметка, която искате да изберете.

Натисни Раздел , докато квадратчето за отметка, което искате да изберете, се маркира. След като желаната отметка се види маркирана, т.е. курсорът достигне отметката, след това използвайте Интервал , за да поставите или премахнете отметката от квадратчето.

Отидете на всеки уебсайт, който има квадратче за отметка, за да изберете и изпробвате.

поставете отметка в квадратчето с помощта на клавиатурата

Отметка в HTML

Нека първо разберем използването на отметки в HTML страница. В HTML, квадратчето за отметка се използва за избор на една или повече опции сред списъка с предоставени опции.

Вижте примера по-долу, за да разберете отметките, създадени в HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Където,

  • Тип : Входният маркер има Тип атрибут. Би било „отметка“ за отметки.
  • име : Това е име на елемента Input.
  • стойност : Това е действителното стойност съответстващ на неговото квадратче за отметка.

В допълнение към горното, по-долу са дадени още някои точки:

  1. HTML страницата се нарича „Checkboxes html page“.
  2. Той има заглавие „Изберете предметите, включени във вашата програма“.
  3. Предвидени са пет квадратчета за отметки: Основи на компютъра, Електричество, Физика, Химия, Няма.

Изображението по-долу дава ясна представа за създадената HTML страница.

квадратче в html

Внедряване на код за работа с квадратче за отметка в селен

Нека да разгледаме обработката на квадратчето за отметка с помощта на селен. С този код ще разберем как се извършват операциите на квадратчето за отметка с помощта на Selenium.

За внедряването на код в Selenium за отметка използвахме това връзка , а екранната снимка за същото е както по-долу:

Демонстрация на квадратче за единично и многократно

Код за внедряване на обработка на CheckBox с помощта на селен:

package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class CheckBox1 { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://www.seleniumeasy.com/test/'); WebElement input = dr.findElement(By.className('dropdown-toggle')); input.click(); WebElement checkbox = dr.findElement(By.linkText('Checkbox Demo')); checkbox.click(); System.out.println('Check Box..'); WebElement check1 = dr.findElement(By.xpath('//input(@id='isAgeSelected')')); check1.click(); System.out.println('Clicked Check Box..'); WebElement checkall = dr.findElement(By.xpath('//input(@id='check1')')); checkall.click(); System.out.println('Checked all Boxes..'); } }

По този начин, при изпълнението на горния код, получените резултати са както е показано на изображението по-долу.

seleniumeasy

Първо се поставя отметка само в едно квадратче за отметка, след което се получава съобщение като „Clicked CheckBox“. След това, за множество квадратчета за отметка, имаме опцията да проверяваме едно, две, три или всички квадратчета за отметка едновременно. При избора на „Check All“ всички квадратчета за отметка се проверяват едновременно.

кодова_конзола

Изберете няколко отметки в селен

Когато има множество опции и множество квадратчета за едно и също, ние можем да го кодираме по такъв начин, че при изпълнението на кода всички отметки да бъдат маркирани. И така, нека разгледаме кода за работа с множество отметки.

Създадохме HTML страница за внедряване на код за работа с множество отметки и по-долу е екранната снимка на същата.

квадратче за множество

package Practice; import java.util.List; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class checkbox_multi { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('E:\Selenium class\Programs\Sonali\bin\project1\check.html'); List AllCheckBoxes = driver.findElements(By.xpath('//input(@type='checkbox')')); System.out.println('Number of Check boxes : '+ Integer.toString(AllCheckBoxes.size())); for(WebElement cb:AllCheckBoxes) { cb.click(); } System.out.println('All check boxes have been checked'); } }

По този начин можем да обработваме множество отметки. Това беше само пример и можете да опитате с всеки друг уебсайт, където има множество отметки с множество опции.

По-долу е дадена екранната снимка на горното изпълнение на множество отметки в Selenium.

многократно проверени всички

изход2

По този начин с помощта на Selenium могат да се обработват множество квадратчета за отметка.

Методи за избор на отметка в селен

В Selenium има различни начини, чрез които можем да изберем елементите за отметка на уеб страница.

Различните методи са както по-долу:

  1. По атрибути на ID
  2. Използването е избрано ()
  3. Използване на Име
  4. Използване на елемент Стойност
  5. От CSS Selector
  6. С XPath

С квадратчетата за отметка и радиобутоните се работи по подобен начин и ние можем да използваме всички горепосочени методи за избор и за двете.

Помислете за изображението по-долу, за да разберете примерите за всеки от методите за подбор.

un Check_seleniumeasy

# 1) Използване на ID атрибути

В този случай просто трябва да използваме ID атрибут , каквато и да е стойността му. Атрибутът ID се използва в Selenium за избор на желаното квадратче за отметка. Атрибутите на ID са различни за различните елементи.

Например:

WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();

По този начин можем да използваме ID атрибути в Selenium за избор на отметка.

Изображението по-долу подчертава атрибутите id за горната опция.

Id атрибути

# 2) Използването е избрано ()

Използването на Избрано () дава възможност на потребителите да се уверят дали е включена конкретна отметка проверен режим или не . С прости думи изборът на квадратчето за отметка се потвърждава.

Например:

какво е ключът за мрежова сигурност?
List check = driver.findElements(By.className('cb1-element')); //Same group of check boxes will have same 'Names'/Class names, //hence we need to use findElements method and store the list of WebElements. boolean bval = false; // Create a variable which will have boolean value True/False bval = check1.get(0).isSelected(); // Will return True if box is selected. if(bval = true) { check1.get(1).click(); // If the first check box is selected by default, this will select Second check box } else { check1.get(0).click(); // If the first check box is not selected by default, the first will be selected }

# 3) Използване на име на клас

За да избираме отметки, използвайки Име или Име на клас, трябва да разберем един важен момент, който е:

За отметки в същата група, Име / Име на клас винаги ще бъдат еднакви, но техните Стойности са различни. Така че, ако се намери някакъв елемент с атрибута name, той може да съдържа повече от един елемент, поради което трябва да съхраняваме списък на WebElements и се възползвайте от findElements метод.

List check = driver.findElements(By.classN ame ('cb1-element'));

Това беше използвано и в предишния пример за IsSelected ().

# 4) Използване на стойност на елемента

Полето за отметка може да бъде избрано и с помощта на техните Стойности.

Всяка кутия има уникална стойност . Използването на Стойности за избор на квадратчета за отметка може да бъде както е показано по-долу.

// Selecting the check boxes by class name List checkbox = driver.findElements(By. className('cb1-element')); int Size = checkbox.size(); // Finding the number of check boxes for(int i=0; i

# 5) Чрез CSS Selector

Друг начин за избор на елементи в квадратчето е чрез CSS Selector, използвайки неговата стойност .

Пример:

WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();

# 6) Използване на XPATH

Избиране на елемент от квадратчето с помощта на XPATH е един от начините за избор на елемент от квадратчето в Selenium, който помага при избора на точния елемент, който искате да изберете.

Погледнете примера по-долу за избор на отметка с помощта на XPATH.

WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();

Примери / приложения, където квадратчето често се използва

# 1) Любими спортове

Контролният списък на изображението по-долу съдържа различни спортни дейности. Можем да изберем една или повече опции от него. Поставените отметки могат да се видят като маркирани.

роля на бизнес анализатор в пъргав сблъсък

Спорт

# 2) Използване на квадратчето за потвърждение на споразумение

Полето за отметка е предоставено за потвърждение. След като потребителят маркира това квадратче, системата обмисля приемането на споразумението от потребителя и продължава по-нататък.

Съгласен

youtube-аз-съгласен-условия-услуга-политика за поверителност

# 3) Избор на език

За избор на език може да се използва квадратче за отметка. Позволява на потребителите да избират една или повече опции.

избор на език

(изображение източник )

# 4) Коригиране на настройките с помощта на квадратчето за отметка

Изображението по-долу показва избора на квадратче за отметка за различни предпочитания. Според избора на потребителя, опциите могат да бъдат избрани.

Регулиране на настройките с помощта на отметка

(изображение източник )

# 5) Избор на фитнес програми по ваш избор

Предлагат се различни опции за фитнес програма и потребителят трябва да избере тези по свой избор.

Избор на фитнес програми по ваш избор

(изображение източник )

# 6) Изберете Цветове

Предвидени са квадратчета за отметка и за избор на цветове.

Изберете Цветове

Има многобройни такива примери, при които се използват квадратчета за отметка.

Да спомена още няколко:

  1. Изберете теми: Математика, английски език, физика, химия, всички.
  2. Изберете време за почивка: 9:00, 12:00, 15:00, 18:00, няма.
  3. Превозни средства, които имате: Мотор, кола, и двете, няма.
  4. Умения за тестване: Ръчно, автоматизация, и двете, няма.
  5. Използвани метали: Златно, сребърно, платинено, смесено.
  6. Държави, в които се предлагат продукти: Белгия, Колумбия, Франция, Германия.
  7. Изберете своите хобита: Живопис, произведения на изкуството, пеене, танци, градинарство.
  8. Списък със зеленчуци: Capsicum, карфиол, зеле, картофи, домати.
  9. Контролен списък с плодове: Ананас, ябълка, диня, портокали, манго.
  10. Мобилни телефони, използвани в къща: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.

Състояние на отметка

Има 3 основни състояния на отметки:

тройка

# 1) Проверено : Състоянието, в което е отметнато квадратчето за отметка, е проверено състояние . Тук можем да видим квадратчето като маркирано.

# 2) Немаркирано : Поле, което не е маркирано или когато отново се щракне върху избраното поле, тогава полето влиза в непроверено състояние .

# 3) Междинен : Когато кутията не е нито в отметнато, нито в непроверено състояние, се знае, че е междинно състояние. В това състояние потребителят има възможност да избере дали желае да щракне върху полето или не.

Горното изображение ще ви помогне да разберете тези състояния.

checkbox_three_state_intermediate

Горното изображение е още един такъв пример, който обяснява различните състояния на квадратчетата за отметка.

  • Проверено състояние: Активиране на функцията XYZ
  • Непроверено състояние: Активиране на функция ABC, Активиране на функция WWW
  • Междинно състояние: Активиране на всички.

По този начин, отметките, отметките и междинните състояния на квадратчето са както е обяснено по-горе.

Заключение

Видяхме подробно боравенето с Checkbox, използвайки Selenium. По този начин квадратчетата за отметка позволяват на потребителите да избират повече от една опция. Видяхме многобройни приложения на квадратчето за отметка, които позволяват на потребителите да избират множество опции едновременно.

Проучихме методите за избор на елементи на квадратчетата за отметка и разбрахме обработката на множество отметки с помощта на Selenium.

Честито четене !!

=> Посетете тук, за да научите селен от нулата.

Препоръчително четене

^