메뉴

예제와 함께 셀레늄의 확인란을 선택하는 방법

  • 메인
  • 다른
  • 예제와 함께 셀레늄의 확인란을 선택하는 방법

how select check box selenium with examples

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

이 자습서에서는 예제와 함께 Selenium에서 확인란을 선택하는 다양한 방법을 설명합니다. 또한 HTML에서 여러 확인란 및 확인란을 선택하는 방법을 배웁니다.

이전 튜토리얼 중 하나에서 Selenium에서 라디오 버튼이 어떻게 처리되는지 보았습니다. 이제 Selenium에서 Checkbox의 기능을 살펴 보겠습니다.

확인란은 제공된 질문에 대한 답변의 결과로 하나 이상의 옵션을 선택하는 데 사용되는 웹 요소입니다.

확인란을 켜거나 끌 수 있습니다 (선택 또는 선택 취소). 체크 된 체크 박스는 틱으로 표시된 체크 박스입니다. Unchecked는 선택되지 않은 것입니다.

=> 여기에서 간단한 셀레늄 교육 시리즈를보십시오.

Selenium에서 확인란 처리

배열 자바에서 값을 제거하는 방법

아래 이미지는 체크 박스를 명확하게 보여줍니다. 처음 2 개는 선택되어 있고 마지막 2 개는 선택되지 않은 상태입니다.

진드기

이 확인란은 선택 상자 또는 눈금 상자라고도합니다. 체크 박스를 클릭하면 체크 표시가 나타나고 다시 클릭하면 체크 표시가 사라지고 체크 박스가 해제되는 작은 상자입니다.

이 튜토리얼에서는 Selenium에서 Checkbox의 처리를 탐색합니다.

학습 내용 :

키보드를 사용하여 확인란 선택

작업 중이거나 선택하려는 확인란이있는 웹 사이트를 엽니 다.

누르세요 탭 선택하려는 확인란이 강조 표시 될 때까지 버튼을 누릅니다. 원하는 체크 박스가 강조 표시되면, 즉 커서가 체크 박스에 도달하면 스페이스 바 버튼을 눌러 상자를 선택하거나 선택 취소하십시오.

확인란이있는 웹 사이트로 이동하여 선택하고 사용해보십시오.

키보드를 사용하여 확인란을 선택하십시오

HTML의 체크 박스

먼저 HTML 페이지의 체크 박스 사용을 이해하겠습니다. HTML에서 Checkbox는 제공된 옵션 목록 중에서 하나 이상의 옵션을 선택하는 데 사용됩니다.

HTML로 생성 된 체크 박스를 이해하려면 아래 예를 참조하세요.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

어디,

  • 유형 : 입력 태그 유형 속성. 체크 박스는 '체크 박스'가됩니다.
  • 이름 : 그것은 이름 입력 요소의.
  • 값 : 실제입니다 값 체크 박스에 해당합니다.

위의 것 외에도 아래에 몇 가지 더 많은 포인트가 제공됩니다.

  1. HTML 페이지의 이름은 'Checkboxes html page'입니다.
  2. 제목은 '요강에 포함 된 과목 선택'입니다.
  3. 5 개의 체크 박스가 제공됩니다 : 컴퓨터 기초, 전기, 물리학, 화학, 없음.

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

html의 확인란

Selenium에서 체크 박스 처리를위한 코드 구현

Selenium을 사용하여 Checkbox 처리를 살펴 보겠습니다. 이 코드를 통해 Selenium을 사용하여 Checkbox의 작업이 수행되는 방식을 이해할 수 있습니다.

Selenium for Checkbox에서 코드를 구현하기 위해 다음을 사용했습니다. 링크 , 동일한 스크린 샷은 다음과 같습니다.

단일 및 다중 확인란 데모

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..'); } }

따라서 위의 코드를 구현할 때 수신 된 출력은 아래 이미지와 같습니다.

셀레늄

먼저 하나의 Checkbox 만 체크 한 후“Clicked CheckBox”라는 메시지를받습니다. 그런 다음 여러 확인란의 경우 하나, 둘, 셋 또는 모든 확인란을 동시에 선택할 수있는 옵션이 있습니다. '모두 확인'을 선택하면 모든 확인란이 동시에 선택됩니다.

code_console

Selenium에서 여러 확인란 선택

동일한 항목에 대해 여러 옵션과 여러 확인란이 제공되는 경우 코드를 실행할 때 모든 확인란이 선택되도록 코딩 할 수 있습니다. 이제 여러 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의 도움으로 여러 Checkbox를 처리 할 수 ​​있습니다.

셀레늄에서 체크 박스를 선택하는 방법

Selenium에는 웹 페이지에서 Checkbox 요소를 선택할 수있는 여러 가지 방법이 있습니다.

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

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

확인란과 라디오 버튼은 유사하게 처리되며 위의 모든 선택 방법을 둘 다 사용할 수 있습니다.

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

unchecked_seleniumeasy

# 1) ID 속성 사용

이 경우, 우리는 ID 속성 , 그 값이 무엇이든. ID 속성은 Selenium에서 원하는 확인란을 선택하는 데 사용됩니다. ID 속성은 요소마다 다릅니다.

예를 들면 :

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

따라서 체크 박스 선택을 위해 Selenium의 ID 속성을 사용할 수 있습니다.

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

ID 속성

# 2) 사용 선택됨 ()

Is Selected ()를 사용하면 사용자가 특정 확인란이 있는지 확인할 수 있습니다. 체크 모드 여부 . 간단히 말해서 체크 박스의 선택이 확인됩니다.

예를 들면 :

샘플 테스트 계획 문서 웹 애플리케이션
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 선택기 .

예:

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

# 6) XPATH 사용

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

XPATH를 사용하여 확인란을 선택하려면 아래 예제를 참조하십시오.

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

확인란이 일반적으로 사용되는 예 / 응용 프로그램

# 1) 좋아하는 스포츠

아래 이미지의 체크리스트에는 다양한 스포츠 활동이 포함되어 있습니다. 여기에서 하나 이상의 옵션을 선택할 수 있습니다. 선택된 상자는 강조 표시됩니다.

스포츠

# 2) 동의 확인을위한 체크 박스 사용

확인을 위해 확인란이 제공됩니다. 사용자가이 확인란을 선택하면 시스템은 사용자가 계약에 동의 한 것으로 간주하고 계속 진행합니다.

동의하다

youtube-i-agree-terms-service-privacy-policy

# 3) 언어 선택

언어를 선택하기 위해 체크 박스를 사용할 수 있습니다. 사용자가 하나 이상의 옵션을 선택할 수 있습니다.

언어 선택

flvto가 변환 할 수 없습니다.

(영상 출처 )

# 4) 확인란을 사용하여 설정 조정

아래 이미지는 다양한 기본 설정에 대한 확인란 선택을 보여줍니다. 사용자의 선택에 따라 옵션을 선택할 수 있습니다.

확인란을 사용하여 설정 조정

(영상 출처 )

# 5) 선택한 피트니스 프로그램 선택

다양한 피트니스 프로그램 옵션이 제공되며 사용자는 자신이 선택한 옵션을 선택해야합니다.

원하는 피트니스 프로그램 선택

(영상 출처 )

# 6) 색상 선택

색상 선택을위한 체크 박스도 제공됩니다.

색상 선택

체크 박스가 사용되는 예가 많이 있습니다.

몇 가지 더 언급하려면 :

  1. 과목 선택 : 수학, 영어, 물리학, 화학, 모두.
  2. 휴식 시간 선택 : 오전 9시, 오후 12시, 오후 3시, 오후 6시, 없음.
  3. 보유한 차량 : 자전거, 자동차, 둘 다, 없음.
  4. 테스트 기술 : 수동, 자동화, 둘 다, 없음.
  5. 사용 된 금속 : 골드, 실버, 플래티넘, 혼합.
  6. 제품을 사용할 수있는 국가 : 벨기에, 콜롬비아, 프랑스, ​​독일.
  7. 취미 선택 : 회화, 삽화, 노래, 춤, 원예.
  8. 야채 목록 : 고추, 콜리 플라워, 양배추, 감자, 토마토.
  9. 과일 체크리스트 : 파인애플, 사과, 수박, 오렌지, 망고.
  10. 집에서 사용하는 휴대폰 : I Phone, One Plus, Nokia, Samsung, Blackberry, 기타.

확인란의 상태

확인란에는 세 가지 주요 상태가 있습니다.

삼국

# 1) 확인 : 체크 박스가 선택된 상태는 체크 상태 . 여기에서 체크 표시가되어있는 상자를 볼 수 있습니다.

# 2) 선택 안 함 : 체크 표시가되어 있지 않은 박스 나 선택한 박스를 다시 클릭하면 박스가 체크되지 않은 상태 .

# 3) 중급 : 박스가 체크되지 않았거나 체크되지 않은 상태가 아닌 경우 중간 상태로 알려져 있습니다. 이 상태에서 사용자는 상자를 클릭할지 여부를 선택할 수 있습니다.

위의 이미지는 이러한 상태를 이해하는 데 도움이됩니다.

checkbox_three_state_intermediate

위의 이미지는 체크 박스의 다양한 상태를 설명하는 또 하나의 예입니다.

  • 확인 된 상태 : 기능 XYZ 활성화
  • 선택되지 않은 상태 : 기능 ABC 활성화, 기능 WWW 활성화
  • 중간 상태 : 모두 활성화합니다.

따라서 Checkbox의 Checked, Unchecked, Intermediate 상태는 위에서 설명한 것과 같습니다.

결론

우리는 Selenium을 사용하여 Checkbox의 처리를 자세히 보았습니다. 따라서 확인란을 통해 사용자는 둘 이상의 옵션을 선택할 수 있습니다. 사용자가 동시에 여러 옵션을 선택할 수있는 Checkbox의 다양한 용도를 보았습니다.

Checkbox 요소를 선택하는 방법을 탐색하고 Selenium을 사용하여 여러 Checkbox를 처리하는 방법을 이해했습니다.

행복한 독서 !!

=> 처음부터 셀레늄을 배우려면 여기를 방문하십시오.

추천 도서

^