how select check box selenium with examples
Este tutorial explica vários métodos para selecionar a caixa de seleção no Selenium com exemplos. Você também aprenderá a selecionar várias caixas de seleção e caixas de seleção em HTML:
Vimos como os botões de rádio são tratados no Selenium em um de nossos tutoriais anteriores. Agora vamos ao funcionamento da Checkbox no Selenium.
A caixa de seleção é um elemento da Web que é usado para a seleção de uma ou várias opções, como resultado da resposta à pergunta fornecida.
A caixa de seleção pode ser ativada ou desativada (que está marcada ou desmarcada). Uma caixa de seleção marcada é aquela que é vista como uma marca de seleção. Desmarcado é aquele que está desmarcado.
=> Veja a série de treinamento Simple Selenium aqui.
melhor serviço de recuperação de dados de disco rígido
A imagem abaixo mostra claramente as caixas de seleção, onde as 2 primeiras podem ser vistas marcadas enquanto a última está desmarcada.
A caixa de seleção também é conhecida como caixa de seleção ou caixa de seleção. A pequena caixa dentro da qual uma marca de seleção aparece ao clicar na caixa de seleção e, quando clicada novamente, a marca de seleção desaparece e a caixa é desmarcada.
Neste tutorial, vamos explorar a manipulação do Checkbox no Selenium.
O que você aprenderá:
- Selecione uma caixa de seleção usando o teclado
- Caixa de seleção em HTML
- Implementação de código para manipulação de caixa de seleção no Selenium
- Selecione várias caixas de seleção no selênio
- Métodos para selecionar a caixa de seleção no selênio
- Exemplos / aplicações onde a caixa de seleção é comumente usada
- Estados da caixa de seleção
- Conclusão
- Leitura recomendada
Selecione uma caixa de seleção usando o teclado
Abra o site no qual você está trabalhando ou que tenha uma caixa de seleção que deseja selecionar.
aperte o Aba até que a caixa de seleção que deseja selecionar seja destacada. Assim que a caixa de seleção desejada for vista destacada, ou seja, o cursor atingir a caixa de seleção, use o Barra de Espaço botão para marcar ou desmarcar a caixa.
Vá para qualquer site que tenha uma caixa de seleção para selecionar e experimente.
Caixa de seleção em HTML
Vamos primeiro entender o uso de caixas de seleção na página HTML. Em HTML, Checkbox é usado para selecionar uma ou mais opções em uma lista de opções fornecidas.
Veja o exemplo abaixo para entender as caixas de seleção criadas em HTML.
Check Boxes html page Onde,
- modelo : Tag de entrada com modelo atributo. Seria 'caixa de seleção' para caixas de seleção.
- nome : É o nome do elemento de entrada.
- valor : É o real valor correspondente à sua caixa de seleção.
Além do acima exposto, mais alguns pontos são fornecidos abaixo:
- A página HTML é nomeada como “Checkboxes html page”.
- Tem como título “Escolha as disciplinas incluídas no seu plano de estudos”.
- São fornecidas cinco caixas de seleção: Fundamentos do computador, Elétrica, Física, Química, Nenhum.
A imagem abaixo dá uma ideia clara da página HTML criada.
Implementação de código para manipulação de caixa de seleção no Selenium
Vejamos o tratamento da caixa de seleção usando Selenium. Com este código, vamos entender como as operações do Checkbox são realizadas pelo uso do Selenium.
Para implementar o código no Selenium for Checkbox, usamos este ligação , e a captura de tela do mesmo é a seguinte:
Código de implementação para manipulação de CheckBox usando Selenium:
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..'); } }Assim, ao implementar o código acima, o Output recebido é conforme mostrado na imagem abaixo.
Primeiro, apenas uma caixa de seleção é marcada, após a qual uma mensagem é recebida como “Caixa de seleção clicada”. Então, para várias caixas de seleção, temos a opção de marcar uma, duas, três ou todas as caixas de seleção ao mesmo tempo. Ao escolher “Verificar tudo”, todas as caixas de seleção são marcadas ao mesmo tempo.
Selecione várias caixas de seleção no selênio
Quando existem várias opções e várias caixas de seleção fornecidas para o mesmo, podemos codificá-lo de forma que, ao executar o código, todas as caixas de seleção sejam marcadas. Portanto, vamos examinar o código para lidar com várias caixas de seleção.
Criamos uma página HTML, para implementar o código para lidar com várias caixas de seleção, e abaixo está a captura de tela da mesma.
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'); } } Assim, podemos lidar com várias caixas de seleção. Este foi apenas um exemplo, e você pode experimentá-lo com qualquer outro site onde várias caixas de seleção estão presentes com várias opções.
A seguir está a captura de tela da implementação acima de várias caixas de seleção no Selenium.
Assim, várias caixas de seleção podem ser manipuladas com a ajuda do Selenium.
Métodos para selecionar a caixa de seleção no selênio
Existem diferentes maneiras de selecionar os elementos da caixa de seleção em uma página da web no Selenium.
Os diferentes métodos são os seguintes:
- Por atributos de ID
- Usando está selecionado ()
- Usando o nome
- Usando o valor do elemento
- Por seletor CSS
- Com XPath
Caixas de seleção e botões de rádio são tratados da mesma forma e podemos usar todos os métodos de seleção acima para ambos.
Considere a imagem abaixo para entender os exemplos de cada um dos métodos de seleção.
# 1) Usando atributos de ID
Nesse caso, só precisamos usar o Atributo de ID , seja qual for o seu valor. O atributo ID é usado no Selenium para selecionar a caixa de seleção desejada. Os atributos de ID são diferentes para elementos diferentes.
Por exemplo:
WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();Assim, podemos fazer uso de atributos de ID no Selenium para seleção de caixa de seleção.
A imagem abaixo destaca os atributos de id para a opção acima.
# 2) Usando está selecionado ()
O uso de Is Selected () permite que os usuários garantam se uma determinada caixa de seleção está em modo verificado ou não . Em palavras simples, a seleção da caixa de seleção é confirmada.
Por exemplo:
gateway padrão não disponível windows 8
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) Usando o nome da classe
Para selecionar as caixas de seleção usando o nome ou o nome da classe, precisamos entender um ponto importante que é:
Para caixas de seleção no mesmo grupo, Nome / nome da classe será sempre o mesmo, mas seu Valores são diferentes. Portanto, se qualquer elemento com o atributo name for encontrado, ele pode conter mais de um elemento, portanto, precisamos armazenar o Lista do WebElements e fazer uso do findElements método.
List check = driver.findElements(By.classN ame ('cb1-element'));Isso foi usado no exemplo anterior para IsSelected () também.
# 4) Usando o valor do elemento
As caixas de seleção também podem ser selecionadas com a ajuda de seus valores.
Cada caixa tem um valor único . O uso de Valores para selecionar caixas de seleção pode ser conforme mostrado abaixo.
// 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) Por seletor CSS
Outra maneira de selecionar elementos da caixa de seleção é por Seletor CSS usando seu valor .
Exemplo:
WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();# 6) Usando XPATH
Selecionando um elemento Checkbox usando XPATH é uma das maneiras de selecionar o elemento Checkbox no Selenium que ajuda a selecionar o elemento exato que você deseja selecionar.
Veja o exemplo abaixo para selecionar a caixa de seleção usando XPATH.
WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click(); Exemplos / aplicações onde a caixa de seleção é comumente usada
# 1) Esportes favoritos
A lista de verificação na imagem abaixo contém diferentes atividades esportivas. Podemos selecionar uma ou mais opções a partir dele. As caixas marcadas podem ser vistas destacadas.
# 2) Uso da caixa de seleção para confirmar um acordo
A caixa de seleção é fornecida para confirmação. Uma vez que o usuário marque esta caixa de seleção, o sistema considera a aceitação do usuário ao contrato e prossegue.
# 3) Seleção de idioma
Para selecionar um idioma, uma caixa de seleção pode ser usada. Ele permite que os usuários selecionem uma ou mais opções.
como abrir um arquivo .bin no Windows 10
(imagem fonte )
# 4) Ajustando as configurações com o uso da caixa de seleção
A imagem abaixo mostra a seleção da caixa de seleção para diferentes preferências. De acordo com a escolha do usuário, as opções podem ser selecionadas.
(imagem fonte )
# 5) Selecionando os programas de condicionamento físico de sua escolha
Diferentes opções de programas de condicionamento físico são fornecidas e o usuário deve escolher aqueles de sua preferência.
(imagem fonte )
# 6) Escolha as cores
Caixas de seleção também são fornecidas para a seleção de cores.
Existem vários exemplos onde as caixas de seleção são usadas.
Para mencionar mais alguns:
- Escolha os assuntos: Matemática, Inglês, Física, Química, Tudo.
- Selecione o intervalo: 9h, 12h, 15h, 18h, Nenhum.
- Veículos que você tem: Bicicleta, carro, ambos, nenhum.
- Habilidades de teste: Manual, Automação, Ambos, Nenhum.
- Metais usados: Ouro, prata, platina, misto.
- Países onde os produtos estão disponíveis: Bélgica, Colômbia, França, Alemanha.
- Selecione seus hobbies: Pintura, arte, canto, dança, jardinagem.
- Lista de vegetais: Capsicum, Couve-Flor, Repolho, Batata, Tomate.
- Lista de verificação de frutas: Abacaxi, Maçã, Melancia, Laranjas, Mangas.
- Telefones celulares usados em uma casa: I Telefone, One Plus, Nokia, Samsung, Blackberry, Outro.
Estados da caixa de seleção
Existem 3 estados principais de caixas de seleção:
# 1) Verificado : O estado em que a caixa de seleção é selecionada é o estado verificado . Aqui, podemos ver a caixa marcada.
# 2) Desmarcado : Caixa que não está marcada ou quando a caixa selecionada é clicada novamente, a caixa entra em um estado não verificado .
# 3) intermediário : Quando uma caixa não está marcada nem no estado desmarcado, é conhecido como um estado intermediário. Neste estado, o usuário tem a opção de escolher se deseja clicar na caixa ou não.
A imagem acima o ajudará a entender esses estados.
A imagem acima é mais um exemplo que explica os diferentes estados das caixas de seleção.
- Estado verificado: Ativar recurso XYZ
- Estado não verificado: Habilitar recurso ABC, Habilitar recurso WWW
- Estado intermediário: Habilitar todos.
Portanto, os estados Marcado, Desmarcado e Intermediário da Caixa de seleção são conforme explicado acima.
Conclusão
Vimos a manipulação de Checkbox usando Selenium em detalhes. Portanto, as caixas de seleção permitem que os usuários selecionem mais de uma opção. Vimos vários usos do Checkbox que permitem aos usuários selecionar várias opções ao mesmo tempo.
Exploramos os métodos para a seleção de elementos de Checkbox e entendemos o manuseio de múltiplas Checkboxes usando Selenium.
Leitura feliz!!
=> Visite aqui para aprender o selênio do zero.
Leitura recomendada
- 30+ Melhores Tutoriais de Selênio: Aprenda Selênio com Exemplos Reais
- Como lidar com alertas / pop-ups no Selenium WebDriver - Tutorial do Selenium nº 16
- Como manusear a barra de rolagem no Selenium Webdriver
- Como selecionar botões de rádio no Selenium WebDriver?
- Selenium Encontrar Elemento por Tutorial de Texto com Exemplos
- Como lidar com janelas pop-up no selênio usando o AutoIT
- Uso de Selenium Select Class para lidar com elementos suspensos em uma página da Web - Selenium Tutorial # 13
- Exemplos de asserção de selênio - Aplicações práticas em projetos
