Меню

Як встановити прапорець у селені на прикладах

how select check box selenium with examples

Спробуйте Наш Інструмент Для Усунення Проблем

Цей посібник пояснює різні способи встановлення прапорця в селені на прикладах. Ви також навчитеся вибирати декілька прапорців і CheckBox у HTML:

Ми побачили, як обробляються перемикачі в Selenium, в одному з наших попередніх уроків. Тепер давайте функціонуватимемо прапорець у Selenium.

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

Прапорець можна ввімкнути або вимкнути (це встановлено або знято). Позначений прапорець - це той, який розглядається як позначений галочкою. Не позначений - це той, який не позначений.

=> Зверніть увагу на просту серію навчальних селенів тут.

Прапорець обробки в селені

На зображенні нижче чітко видно прапорці, де можна побачити перші 2, тоді як останній не встановлений.

галочка

Прапорець також відомий як поле вибору або галочка. Маленький прапорець, усередині якого з’являється галочка при клацанні прапорця, і при повторному натисканні прапорець зникає, а поле не знімається.

У цьому підручнику ми дослідимо, як працювати з прапорцем у Selenium.

Що ви дізнаєтесь:

Установіть прапорець за допомогою клавіатури

Відкрийте веб-сайт, на якому ви працюєте, або на якому встановлено прапорець, який потрібно вибрати.

Натисніть кнопку Вкладка , поки не буде виділено прапорець, який потрібно вибрати. Як тільки бажаний прапорець буде виділений, тобто курсор досягне прапорця, тоді використовуйте Пробіл , щоб встановити або зняти прапорець.

Перейдіть на будь-який веб-сайт, який має прапорець, щоб вибрати та спробувати його.

встановіть прапорець за допомогою клавіатури

Прапорець у HTML

Давайте спочатку розберемося у використанні прапорців на HTML-сторінці. У HTML, прапорець використовується для вибору одного або декількох параметрів серед переліку запропонованих параметрів.

типи функцій на c ++

Дивіться приклад нижче, щоб зрозуміти прапорці, створені в HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Де,

  • типу : Вхідний тег має типу атрибут. Це буде 'прапорець' для прапорців.
  • ім'я : Це ім'я елемента введення.
  • значення : Це фактично значення відповідно до його прапорця.

На додаток до вищезазначеного, нижче наводяться ще деякі пункти:

  1. Сторінка HTML називається 'Прапорці HTML-сторінки'.
  2. Він має заголовок «Виберіть предмети, включені до вашої програми».
  3. Надано п’ять галочок: Основи комп’ютера, Електрика, Фізика, Хімія, Немає.

Зображення нижче дає чітке уявлення про створену HTML-сторінку.

прапорець у html

Впровадження коду для обробки прапорець у селені

Давайте подивимося на обробку прапорця за допомогою селену. За допомогою цього коду ми зрозуміємо, як виконуються дії прапорця за допомогою селену.

Для реалізації коду в Selenium для прапорця ми використали це посилання , а скріншот для того ж, як показано нижче:

Демонстрація прапорця Single & Multiple

Код реалізації для обробки 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..'); } }

Таким чином, при реалізації вищевказаного коду отриманий результат буде таким, як показано на малюнку нижче.

селеніумеаси

По-перше, встановлюється лише один прапорець, після чого надходить повідомлення як “Клацнув CheckBox”. Тоді для кількох прапорців ми маємо можливість одночасно встановити один, два, три або всі прапорці. При виборі «Позначити всі» всі прапорці ставляться одночасно.

консоль_коду

Виберіть кілька прапорців у селені

Якщо для одного і того ж передбачено кілька варіантів і кілька прапорців, ми можемо кодувати його таким чином, щоб при виконанні коду всі прапорці були встановлені. Отже, давайте розглянемо код для обробки декількох прапорців.

Ми створили 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 існують різні способи, за допомогою яких ми можемо виділити елементи прапорця на веб-сторінці.

Різні методи наведені нижче:

  1. За атрибутами ідентифікатора
  2. Використання вибрано ()
  3. Використання імені
  4. Використання елемента Value
  5. За допомогою селектора CSS
  6. За допомогою XPath

Прапорці та радіокнопки обробляються однаково, і ми можемо використовувати всі вищезазначені методи вибору для обох.

Розгляньте зображення нижче, щоб зрозуміти приклади для кожного з методів відбору.

un Check_seleniumeasy

# 1) Використання атрибутів ID

У цьому випадку нам просто потрібно використовувати Атрибут ID , незалежно від його значення. Атрибут ID використовується в Selenium для вибору потрібного прапорця. Атрибути ID різні для різних елементів.

Наприклад:

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

Таким чином, ми можемо використовувати атрибути ID у Selenium для вибору прапорця.

На зображенні нижче виділено атрибути ідентифікатора для вищевказаного варіанту.

Атрибути ідентифікатора

# 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

Інший спосіб вибору елементів прапорця - це 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) Використання прапорця для підтвердження угоди

Прапорець передбачений для підтвердження. Як тільки користувач ставить галочку біля цього прапорця, система розглядає прийняття користувачем угоди і продовжує далі.

у функції main невизначене посилання на

погодитись

youtube-i-accept-terms-service-policy-privacy-policy

# 3) Вибір мови

Для вибору мови можна використовувати прапорець. Це дозволяє користувачам вибрати один або кілька варіантів.

вибір мови

(зображення джерело )

# 4) Налаштування параметрів за допомогою прапорця

На зображенні нижче показано вибір прапорця для різних уподобань. Відповідно до вибору користувача, можна вибрати параметри.

Налаштування параметрів за допомогою прапорця

(зображення джерело )

# 5) Вибір фітнес-програм на ваш вибір

Запропоновані різні варіанти фітнес-програми, і користувач повинен вибрати ті, які він обрав.

Підбір фітнес-програм на ваш вибір

(зображення джерело )

# 6) Виберіть кольори

Для вибору кольорів передбачені прапорці.

Виберіть кольори

Існує безліч таких прикладів, коли використовуються прапорці.

Згадати ще кілька:

  1. Виберіть теми: Математика, англійська мова, фізика, хімія, все.
  2. Виберіть час перерви: 9:00, 12:00, 15:00, 18:00, немає.
  3. Ваші транспортні засоби: Велосипед, автомобіль, обидва, жоден.
  4. Тестування навичок: Вручну, автоматизація, обидва, немає.
  5. Використані метали: Золотий, срібний, платиновий, змішаний.
  6. Країни, де доступні товари: Бельгія, Колумбія, Франція, Німеччина.
  7. Виберіть свої захоплення: Живопис, твори мистецтва, спів, танці, садівництво.
  8. Список овочів: Стручковий стручок, цвітна капуста, капуста, картопля, помідори.
  9. Контрольний список фруктів: Ананас, яблуко, кавун, апельсини, манго.
  10. Стільникові телефони, що використовуються в будинку: I Phone, One Plus, Nokia, Samsung, Blackberry, Інше.

Стан прапорця

Існує 3 основних стани прапорців:

трійка

# 1) Перевірено : Станом, у якому встановлено прапорець, є перевірений стан . Тут ми можемо побачити поле, позначене галочкою.

# 2) Не позначено : Поле, яке не позначене, або при повторному клацанні на вибраному полі, тоді поле входить до неперевірений стан .

# 3) Середній : Коли ящик не знаходиться ні в галочці, ні в незавіреному стані, він відомий як проміжний стан. У цьому стані користувач має можливість вибрати, бажає він клацнути поле чи ні.

Наведене вище зображення допоможе вам зрозуміти ці стани.

checkbox_three_state_intermediate

Наведене вище зображення є ще одним таким прикладом, який пояснює різні стани прапорців.

  • Перевірений стан: Увімкнути функцію XYZ
  • Не позначений стан: Увімкнути функцію ABC, Увімкнути функцію WWW
  • Проміжний стан: Увімкнути все.

Таким чином, позначені, не позначені та проміжні стани прапорця відповідають описаним вище.

Висновок

Ми детально бачили обробку прапорця з використанням селену. Таким чином, прапорці дозволяють користувачам вибрати кілька варіантів. Ми спостерігали безліч застосувань прапорця, що дозволяє користувачам одночасно вибирати кілька варіантів.

Ми дослідили методи вибору елементів прапорців та зрозуміли обробку декількох прапорців за допомогою Selenium.

Щасливого читання !!

=> Завітайте сюди, щоб вивчити селен з нуля.

Рекомендована література

^