메뉴

Selenium WebDriver에서 라디오 버튼을 선택하는 방법은 무엇입니까?

  • 메인
  • 다른
  • Selenium WebDriver에서 라디오 버튼을 선택하는 방법은 무엇입니까?

how select radio buttons selenium webdriver

휴대폰을위한 최고의 스파이웨어는 무엇입니까

문제를 제거하기 위해 도구를 사용해보십시오

이 튜토리얼은 코드 구현 및 웹 페이지에서 라디오 버튼을 선택하는 다양한 방법을 포함하여 Selenium에서 라디오 버튼을 선택하는 방법을 설명합니다.

라디오 버튼은 옵션 선택을 제어하는 ​​그래픽 요소에 지나지 않으므로 사용자가 옵션 세트에서 하나의 옵션을 선택할 수 있습니다. 옵션 버튼이라고도합니다.

라디오 버튼은 라디오 채널과 같은 기능으로 인해 소위 불립니다. 즉, 한 번에 하나의 버튼 만 선택할 수 있습니다.

Selenium은 거의 모든 작업의 ​​작업을 처리하는 가장 인기있는 자동화 테스트 도구 중 하나이며 라디오 버튼은 그중 하나입니다. 라디오 버튼의 기능을 이해하기 위해 자동화 도구를 사용하는 방법을 살펴 보겠습니다.

=> 여기에서 모든 셀레늄 자습서를 확인하십시오.

Selenium에서 라디오 버튼 처리

이 튜토리얼에서는 Selenium을 사용하여 라디오 버튼을 처리하는 방법을 볼 것입니다.

학습 내용 :

HTML의 라디오 버튼

먼저 HTML 페이지에서 라디오 버튼의 사용을 이해하겠습니다. HTML에서 라디오 버튼은 제공된 옵션 목록 중 하나의 옵션을 선택하는 데 사용됩니다.

라디오 버튼이 HTML로 생성되는 방법을 이해하려면 아래 예제를 확인하십시오.

Confirmation

Select a Radio button for confirmation

Yes
No
May Be

어디,

  • 유형 : 입력 태그 유형 속성. 라디오 버튼의 경우 대부분 '라디오'입니다.
  • 이름 : 그것은 이름 입력 요소의. 이름이 같은 라디오 버튼 세트는 라디오 그룹을 형성한다고합니다.
  • 값 : 실제입니다 값 라디오 버튼에 해당합니다.

아래에 열거 된 사항은 위의 추가 사항입니다.

  1. HTML 페이지의 이름은 '확인'입니다.
  2. '확인을 위해 라디오 버튼 선택'이라는 제목이 있습니다.
  3. 세 개의 라디오 버튼이 제공됩니다 : 예, 아니오, 가능합니다.

아래 이미지는 작성된 HTML 페이지에 대한 명확한 아이디어를 제공합니다.

라디오 버튼 선택

Selenium에서 라디오 버튼을 처리하기위한 코드 구현

한 번에 하나의 옵션 만 선택해야하는 라디오 버튼을 선택하면 사용자가 제공된 옵션 목록에서 옵션 중 하나를 선택할 수 있습니다. 아래 구현은 Selenium WebDriver를 사용하여 라디오 버튼을 처리하는 명확한 아이디어를 제공합니다.

다음은 라디오 버튼 섹션이 포함 된 Html 페이지의 스크린 샷입니다. 색상 및 크기 선택을위한 라디오 버튼 세트가있는 아래 Html 페이지가 생성되어 테스트에 사용됩니다.

색상 및 크기 선택을위한 라디오 버튼

라디오 버튼 선택을위한 구현 코드 :

package project1; import java.io.IOException; 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 radio { public static void main(String() args) throws IOException { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('file:///E:/Selenium class/Programs/Sonali/bin/project1/form2selenium.html'); WebElement radio = driver.findElement(By.xpath('//input(@id='i-green')')); radio.click(); WebElement radio2 = driver.findElement(By.xpath('//input(@value='Medium')')); radio2.click(); } }

이 코드를 실행 한 후 수신 된 출력은 아래 스크린 샷과 같습니다.

출력-색상 라디오 버튼

셀레늄을 사용하여 무선 요소를 선택하는 방법

Selenium에는 웹 페이지에서 Radio 요소를 선택할 수있는 다양한 방법이 포함되어 있습니다.

다른 방법은 다음과 같습니다.

  1. ID 속성 별
  2. Is Selected () 사용
  3. 이름 사용
  4. 요소 값 사용
  5. CSS 선택기로
  6. XPath 사용

각 선택 방법의 예를 이해하려면 아래 이미지를 고려하십시오.

선택 방법

# 1) ID 속성 사용

이 경우, 우리는 ID 속성 , 그 값이 무엇이든 상관 없습니다. ID 속성은 원하는 라디오 버튼을 선택하기 위해 Selenium에서 사용됩니다. ID 속성은 요소마다 다릅니다.

예를 들면 :

WebElement radio = driver.findElement(By.id('i-red')); radio.click();

또는

WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();

또는

WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();

위 이미지에서 볼 수 있듯이 빨간색, 파란색, 녹색, 노란색, 회색 및 검은 색의 6 개의 라디오 버튼이 있습니다. 여기에서 라디오 버튼을 선택하기 위해 Selenium에서 라디오 버튼 선택을 위해 이러한 방식으로 ID 속성을 사용할 수 있습니다.

아래 이미지는 위 옵션의 id 속성을 강조합니다.

ID 속성을 강조하는 이미지

# 2) 사용 선택됨 ()

Is Selected ()를 사용하면 사용자가 특정 라디오 버튼이 있는지 확인할 수 있습니다. 체크 모드 여부 . 간단히 말해서 라디오 버튼의 선택이 확인되었습니다.

예를 들면 :

List radio = driver.findElements(By.name('colour”)); //same group of Radio buttons always have same 'Names', //hence we need to use findElements method and store the list of Web elements. boolean bval = false; // create a variable which will have boolean value True/False bval = radio.get(0).isSelected(); // will return True if button is selected. if(bval = true) { radio.get(1).click(); // if the first radio button is selected by default, this will select Second radio button } else { radio.get(0).click(); // if the first radio button is not selected by default, the first will be selected }

# 3) 이름 사용

이름을 사용하여 라디오 버튼을 선택하려면 한 가지 중요한 점을 이해해야합니다. 즉, 같은 그룹 (라디오 그룹)에있는 라디오 버튼의 경우 이름 항상 동일하지만 가치 다르다.

따라서 name 속성을 가진 요소가 발견되면 하나 이상의 요소를 포함 할 수 있으므로 명부 의 WebElements 그리고 사용하십시오 findElements 방법.

List radio = driver.findElements(By. name ('colour'));

Is Selected ()에 대한 이전 예제에서도 사용되었습니다.

# 4) 요소 값 사용

라디오 버튼은 값을 사용하여 선택할 수도 있습니다.

각 버튼에는 고유 한 가치 . 라디오 버튼을 선택하기위한 값의 사용은 아래 예와 같을 수 있습니다.

List RadioButton = driver.findElements(By.name('colour')); // selecting the Radio buttons by Name int Size = RadioButton.size(); // finding the number of Radio buttons for(int i=0; i

# 5) CSS 선택기로

라디오 요소를 선택하는 또 다른 방법은 값을 사용하는 CSS 선택기 .

아래 예제는 동일하게 설명합니다.

WebElement rbutton = driver.findElement(By.cssSelector('input(value=' Yellow')')); rbutton.click();

# 6) XPATH 사용

사용하여 라디오 요소 선택 XPATH 선택하려는 정확한 요소를 선택하는 데 도움이되는 Selenium의 라디오 요소 선택 방법 중 하나입니다.

XPATH를 사용하여 라디오 버튼을 선택하려면 아래 예제를 참조하십시오.

WebElement radio_b1 = d.findElement(By. xpath ('//input(@id='i-red')')); radio_b1.click();’

또는

WebElement radio_b2 = d.findElement(By. xpath ('//input(@id='i-green’)')); radio_b2.click();

또는

WebElement radio_b3 = d.findElement(By. xpath ('//input(@id=’i-gray’)')); radio_b3.click();

라디오 버튼이 사용되는 예 / 응용 프로그램

라디오 버튼은 방대한 용도로 사용되며 그 중 몇 가지가 아래에 언급되어 있습니다.

# 1) 성별 선택 :

성별 라디오 버튼

# 2) 필드 선택 :

필드 라디오 버튼

# 3) 이메일 계정 선택 :

메일 계정 라디오 버튼

(영상 출처 )

# 4) 고객 설문 조사 양식 :

고객 설문 조사 양식

# 5) 응용 프로그램의 가용성 상태 :

가용성 상태 라디오 버튼

우리가 일상 업무에서 접하는 더 많은 예가 있습니다. 이 모든 예제에는 공통점이 있습니다. 즉, 한 번에 하나의 옵션을 선택해야합니다. 따라서 라디오 버튼은 고객이 정확히 무엇을 선택하는지에 대한 명확한 아이디어를 제공합니다.

기타 몇 가지 예 :

  1. 색상 선택 : 빨강 / 파랑 / 녹색 / 노랑.
  2. 분야 / 코스 선택 : 예술 / 상업 / 과학.
  3. 주소 유형 : 영구 / 임시.
  4. 교육 수준: 학교 / 대학 / 일.
  5. 지불 방식 : NetBanking / GooglePay / AmazonPay.
  6. 앱 설치 중 언어 선택 : 영어 / 러시아어 / 프랑스어 / 독일어 /….
  7. 암호 보호 유형 : 텍스트 암호 / 우편 번호 / 패턴 / 지문.
  8. 운송 수단 : 자동차 / 자전거 / 대중 교통.
  9. 보험 유형 : 의료 / 치과 / 안과 / 의료 보충제.
  10. 성적표에서 학생의 성적을 선택하세요. A 급 / B 급 / C 급 / D 급

라디오 버튼 상태

우리는 이미 라디오 버튼의 사용을 보았습니다. 이제 그 의미와 함께 다양한 상태를 살펴 보겠습니다.

라디오 버튼 상태

  1. 표준 :이 상태는 기본 옵션 또는 기본 상태입니다.
  2. 호버 : 표시되는 호버 효과는 사용자에게 클릭 가능한 대상임을 알려줍니다. 또한 호버 효과를 본 후 사용자가 옵션을 클릭 할 수 있도록 준비합니다.
  3. 확인 :이 상태는 특히 선택된 라디오 옵션을 보여줍니다. 선택한 옵션은 색상으로 채워져 있으며 다른 옵션 중에서 선택한 옵션으로 쉽게 식별 할 수 있습니다.
  4. 장애인 : 사용자가 옵션을 선택하면 나머지 옵션은 자동으로 페이드 아웃 될 수 있으며 사용자는 나머지 옵션 중 어떤 옵션도 선택할 수 없습니다. 한 번에 하나의 옵션 만 선택할 수 있으므로 비활성화 상태로 알려져 있습니다.
  5. 비활성화 및 확인 : 특정 옵션 선택시 Radio 버튼이 비활성화되어 있으면 선택을 확인합니다. 즉, 옵션을 선택하면 확정 된대로 동결됩니다. 이 옵션을 강제로 선택한 것으로 쉽게 식별 할 수 있습니다.

라디오 버튼은 체크 박스와 어떻게 다릅니 까?

라디오 버튼체크 박스
한 번에 하나의 옵션 만 선택할 수 있습니다.동시에 여러 옵션을 선택할 수 있습니다.
두 가지 주요 조건이 있습니다 : 참 또는 거짓.Checked, Unchecked 및 / 또는 Indeterminate 일 수 있습니다.
일반적으로 원형 버튼으로 표시됩니다.일반적으로 사각형 상자로 표시됩니다.
예-최근 자격 선택 :
-졸업하다
-졸업 후
라디오 버튼을 사용하여 최신 자격을 지정하기 위해 대학원 또는 대학원 중 하나만 선택할 수 있습니다.		예-훈련 할 과목 선택 :
-수학
-물리학
-화학
-컴퓨터 기초
-기초 전기 공학
확인란을 사용하여 하나 이상의 또는 모든 옵션을 선택할 수 있습니다.

결론

우리는 Selenium을 사용하여 라디오 버튼의 작동 또는 처리를 자세히 이해했습니다. 우리는 또한 Selenium을 사용하여 Radio 요소를 선택하는 다른 방법을 보았습니다.

이 튜토리얼을 통해 라디오 버튼의 상태와 라디오 버튼이 사용되는 다양한 예를 이해했습니다. 한 가지 확실한 것은, 다양한 옵션 중 하나의 옵션 만이 제공되는 답변 (/ 또는)을 만족하는 경우에는 라디오 버튼을 사용하는 것이 좋습니다.

Selenium에서 라디오 버튼 처리에 대한이 유익한 튜토리얼을 즐기 셨기를 바랍니다!

=> 완전한 셀레늄 가이드를 읽으십시오

추천 도서

^