how select radio buttons selenium webdriver
melhor limpador de computador grátis para windows 10
Este tutorial explica como selecionar botões de rádio no Selenium, incluindo implementação de código e vários métodos para selecionar botões de rádio em uma página da Web:
Um botão de rádio nada mais é do que um elemento gráfico que controla a seleção de opções, permitindo ao usuário selecionar qualquer opção de um conjunto de opções. Também é conhecido como botão de opções.
Os botões de rádio são assim chamados devido à funcionalidade que possuem, como canais de rádio, ou seja, apenas um botão pode ser selecionado por vez.
Selenium é uma das ferramentas de teste de automação mais populares que lida com o trabalho de quase todas as operações e o botão de rádio é uma delas. Vamos explorar o uso de uma ferramenta de automação para entender o funcionamento de um botão de rádio.
=> Verifique TODOS os tutoriais do Selenium aqui
Neste tutorial, veremos como lidar com botões de rádio usando Selenium.
O que você aprenderá:
- Botões de rádio em HTML
- Conclusão
Botões de rádio em HTML
Vamos primeiro entender o uso de um botão de opção na página HTML. Em HTML, o botão de rádio é usado para selecionar uma opção entre uma lista de opções fornecidas.
Verifique o exemplo abaixo para entender como os botões de rádio são criados em HTML.
Confirmation Select a Radio button for confirmation
Yes
No
May Be
Onde,
- modelo : Tag de entrada com modelo atributo. Seria principalmente ‘Rádio” para botões de rádio.
- nome : É o nome do elemento de entrada. Um conjunto de botões de rádio com o mesmo nome formam um grupo de rádio.
- valor : É o real valor correspondente ao seu botão de rádio.
Alistados abaixo estão mais alguns pontos além dos acima:
- A página HTML é chamada de “Confirmação”.
- Ele tem o título “Selecione um botão de rádio para confirmação”.
- Três botões de opção são fornecidos: Sim, Não, Pode ser.
A imagem abaixo dá uma ideia clara da página HTML criada.
Implementação de código para lidar com botões de rádio no Selenium
A seleção de um botão de rádio no qual podemos escolher apenas uma opção por vez permite ao usuário selecionar qualquer uma das opções entre a lista de opções fornecidas. A implementação abaixo daria uma ideia clara de como lidar com botões de rádio usando o Selenium WebDriver.
A seguir está uma captura de tela da página Html que inclui a seção do botão de rádio. A página HTML abaixo, que possui um conjunto de botões de opção para seleção de cor e tamanho, é criada e usada para teste.
Código de implementação para seleção do botão de rádio:
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(); } }
A saída recebida após a execução deste código é mostrada na captura de tela abaixo:
Métodos para selecionar elementos de rádio usando selênio
Selenium inclui diferentes maneiras pelas quais podemos selecionar os elementos de rádio em uma página da web.
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
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 , independentemente de seu valor. O atributo ID é usado no Selenium para selecionar o botão de rádio desejado. Os atributos de ID são diferentes para elementos diferentes.
Por exemplo:
WebElement radio = driver.findElement(By.id('i-red')); radio.click();
OU
WebElement radio1 = driver.findElement(By.id('i-green')); radio1.click();
OU
WebElement radio2 = driver.findElement (By.id('i-yellow')); radio2.click();
Conforme mostrado na imagem acima, existem seis botões de opção, ou seja, Vermelho, Azul, Verde, Amarelo, Cinza e Preto. Para selecionar um botão de rádio desses, podemos usar os atributos de ID no Selenium para a seleção do botão de rádio desta forma.
A imagem abaixo destaca os atributos de id para as opções acima.
# 2) Usando está selecionado ()
O uso de Está selecionado () permite que o usuário garanta se um botão de rádio específico está em modo verificado ou não . Em palavras simples, a seleção do botão de rádio é confirmada.
Por exemplo:
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) Usando o nome
Para selecionar botões de rádio usando Nome, precisamos entender um ponto importante, ou seja, para botões de rádio no mesmo grupo (Grupo de rádio), Nome é 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 de WebElements e fazer uso do findElements método.
List radio = driver.findElements(By. name ('colour'));
Isso foi usado no exemplo anterior para Is Selected () também.
# 4) Usando o valor do elemento
Os botões de rádio também podem ser selecionados com a ajuda de seus valores.
Cada botão tem um valor único . O uso dos Valores para selecionar os botões de rádio pode ser conforme mostrado no exemplo abaixo.
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) Por seletor CSS
Outra maneira de selecionar elementos de rádio é por Seletor CSS usando seu valor .
O exemplo abaixo explicará o mesmo:
WebElement rbutton = driver.findElement(By.cssSelector('input[value=' Yellow']')); rbutton.click();
# 6) Usando XPATH
Selecionando um elemento de rádio usando XPATH é uma das formas de seleção do elemento Radio no Selenium que ajuda a selecionar o elemento exato que você deseja selecionar.
Veja o exemplo abaixo para selecionar o botão de rádio usando XPATH.
WebElement radio_b1 = d.findElement(By. xpath ('//input[@id='i-red']')); radio_b1.click();’
OU
WebElement radio_b2 = d.findElement(By. xpath ('//input[@id='i-green’]')); radio_b2.click();
OU
WebElement radio_b3 = d.findElement(By. xpath ('//input[@id=’i-gray’]')); radio_b3.click();
Exemplos / aplicações onde botões de rádio são usados
Há um grande número de usos para os botões de rádio e alguns deles são mencionados abaixo.
# 1) Seleção de gênero:
# 2) Seleção de campo:
# 3) Escolha uma conta de e-mail:
[imagem fonte ]
# 4) Formulários de pesquisa do cliente:
# 5) Status de disponibilidade em um aplicativo:
Existem muitos outros exemplos desse tipo que encontramos em nosso trabalho diário. Todos esses exemplos têm algo em comum, ou seja, você precisa escolher uma única opção por vez. Assim, os botões de rádio dão uma ideia clara do que exatamente o cliente opta por escolher.
Alguns outros exemplos:
- Seleção de cores: Vermelho / Azul / Verde / Amarelo.
- Seleção de campo / curso: Artes / Comércio / Ciência.
- Tipo de endereço: Permanente / Temporário.
- Nível de educação: Escola / Faculdade / Trabalho.
- Modo de pagamento: NetBanking / GooglePay / AmazonPay.
- Escolha um idioma durante a instalação do aplicativo: Inglês / Russo / Francês / Alemão /….
- Tipo de proteção por senha: Senha de texto / código postal / padrão / impressão digital.
- Modo de transporte: Carro / Bicicleta / Transporte Público.
- Tipo de seguro: Médico / Odontológico / Visão / Suplemento Médico.
- Selecione a nota do aluno no boletim: Grau A / Grau B / Grau C / Grau D.
Estados dos botões de rádio
Já vimos os usos dos botões de rádio. Agora, vamos dar uma olhada em seus diferentes estados, juntamente com seu significado.
- Normal : Este estado nada mais é do que a opção ou estado padrão.
- Flutuar : O efeito de foco, visto que é visível, informa aos usuários que é um alvo clicável. Além disso, prepara o usuário para clicar na opção, após ver o efeito de foco.
- Verificado : Este estado mostra especificamente a opção de rádio que está selecionada. A opção selecionada é preenchida com cores e pode ser facilmente identificada como uma opção selecionada entre as outras opções.
- Desabilitado : Uma vez que uma opção é selecionada pelo usuário, as opções restantes podem desaparecer automaticamente e o usuário não tem escolha para selecionar qualquer opção entre as restantes. Esses são conhecidos por estarem em estados desativados, pois é apenas uma opção que pode ser selecionada por vez.
- Desativado e verificado : Ao selecionar uma determinada opção, se o botão Rádio estiver desabilitado, é para confirmar a seleção. Ou seja, você escolhe uma opção e ela é congelada como confirmada. É fácil identificar essa opção como selecionada obrigatoriamente.
Como os botões de rádio são diferentes da caixa de seleção?
Botao de radio Caixa de Seleção Permite apenas uma seleção de opção por vez. Permite a seleção de várias opções ao mesmo tempo. Possui 2 condições principais: Verdadeiro ou Falso. Pode ser verificado, não verificado e / ou indeterminado. Normalmente representado como um botão circular. Normalmente representado por uma caixa quadrada. Exemplo - Seleção de qualificação recente:
-Graduado
-Pós- Graduação
Apenas uma seleção é possível, Graduação ou Pós-Graduação, para especificar a qualificação mais recente usando o botão de rádio. Exemplo - Seleção de assuntos para treinamento:
-Matemática
-Física
-Química
- Fundamentos do computador
-Engenharia Elétrica Básica
Uma ou mais ou todas as opções podem ser selecionadas usando a caixa de seleção.
Conclusão
Nós entendemos o funcionamento ou manuseio de botões de rádio usando Selenium em detalhes. Também vimos métodos diferentes para selecionar elementos de rádio usando Selenium.
Por meio deste tutorial, entendemos os estados dos botões de opção e os vários exemplos em que os botões de opção são usados. Uma coisa é certa, no caso em que apenas uma opção satisfaça a resposta (ou / ou) fornecida entre as várias opções, nesses casos, recomenda-se o uso de Radio Buttons.
Esperamos que você tenha gostado deste tutorial informativo sobre Manuseio de botões de rádio no Selenium!
=> Leia o guia completo do Selenium
Leitura recomendada
- Como lidar com alertas / pop-ups no Selenium WebDriver - Tutorial do Selenium nº 16
- Como selecionar a caixa de seleção no selênio com exemplos
- Como executar o Selenium WebDriver em diferentes navegadores populares
- Como lidar com janelas pop-up em Selenium usando AutoIT
- Como manusear a barra de rolagem no Selenium Webdriver
- Teste de acessibilidade com Selenium Webdriver com exemplo de código
- Data Driven Framework no Selenium WebDriver usando Apache POI
- Espera implícita e explícita no Selenium WebDriver (tipos de esperas de selênio)