WebElement em Selenium

WebElement em Selenium

Os formulários são elementos fundamentais da web que capturam informações dos visitantes de um site. Os formulários web incluem diferentes controles de interface gráfica, como caixas de texto, campos de senha, caixas de seleção, botões de opção, listas suspensas e campos de entrada de arquivos.

Este tutorial explica como acessar cada elemento do formulário usando Selenium WebDriver com Java. Selenium encapsula cada elemento do formulário como um objeto de WebElement. Ela fornece uma API para localizar elementos e interagir com eles, incluindo inserir texto, clicar em botões e enviar formulários. As seções abaixo abordam os métodos disponíveis para cada elemento do formulário.

Introdução ao WebElement, findElement(), findElements()

Selenium O WebDriver representa um elemento de formulário simples como um objeto de Elemento Web.

O WebDriver identifica elementos de formulário usando diferentes propriedades do elemento web, incluindo ID, Nome, Classe, XPath, Nome da tag, seletores CSS e texto do link.

O WebDriver fornece os dois métodos WebElement a seguir para encontrar elementos:

• encontrarElemento() – Encontra um único elemento web e o retorna como um WebElement Selenium objeto.
• encontrarElementos() – retorna uma lista de objetos WebElement que correspondem aos critérios do localizador.

O exemplo abaixo mostra como recuperar um único elemento, um campo de texto em uma página da web, como um objeto WebElement usando o método findElement(). O método findElements() para encontrar vários elementos será abordado em tutoriais subsequentes.

Passo 1) Importe o pacote necessário para criar objetos WebElement.

Passo 2) Chame o método findElement() disponível na classe WebDriver para recuperar um objeto WebElement, conforme mostrado abaixo.

Selenium Entrada de texto

As caixas de entrada referem-se a um destes dois tipos:

1. Campos de texto - Selenium Caixas de texto de entrada que aceitam valores digitados e os exibem exatamente como foram inseridos.
2. Campos de senha – Caixas de texto que aceitam valores digitados, mas os mascaram como uma série de caracteres especiais (geralmente pontos ou asteriscos) para ocultar informações confidenciais.

   

Localizadores

O método findElement() recebe um parâmetro, que é um localizador que aponta para o elemento. Diferentes localizadores, incluindo By.id(), By.name(), By.xpath() e By.cssSelector(), encontram elementos na página usando suas propriedades, como id, nome ou caminho.

Você pode usar plugins como o FirePath para obter o ID, o XPath e outros valores de localização dos elementos.

Usando o site de exemplo https://demo.guru99.com/test/login.htmlO código abaixo localiza o campo de texto "Endereço de e-mail" usando o localizador de ID e o campo "Senha" usando o localizador de nome.

1. O campo de texto do e-mail está localizado pelo ID.
2. O campo de senha está localizado ao lado do nome.

enviar chaves Selenium

enviarTeclas() em Selenium é um método usado para inserir conteúdo editável em campos de texto e senha durante a execução de testes. Esses campos são identificados por meio de localizadores como nome, classe e ID. O método está disponível no objeto WebElement. Ao contrário do método type, sendKeys() não substitui o texto existente em uma caixa de texto.

Como inserir texto em Selenium

Para inserir texto em campos de texto e campos de senha, o método sendKeys() está disponível no WebElement. Selenium.

Usando o mesmo exemplo de https://demo.guru99.com/test/login.htmlO trecho de código abaixo localiza o campo de texto e o campo de senha e insere o texto. Selenium.

1. Localize o campo de texto “Endereço de e-mail” usando o localizador de ID.
2. Localize o campo “Senha” usando o localizador de nome.
3. Insira o texto no “Endereço de e-mail” usando o Selenium Método sendKeys.
4. Digite uma senha no campo “Senha” usando o método sendKeys().

Excluindo valores na entrada Boxes

O Claro() O método apaga o texto dentro de uma caixa de entrada. Este método não precisa de nenhum parâmetro. O trecho de código abaixo limpa o texto dos campos de e-mail ou senha.

Selenium Clique nos botões

O Selenium O botão de clique é acessado através do método click().

No exemplo acima

1. Encontre o botão para iniciar sessão.
2. Clique no botão “Entrar” na página de login do site para autenticar.

Selenium Botões de envio

Os botões de envio enviam o formulário inteiro para o servidor. Você pode chamar o método `click()` no elemento da Web, como mostrado acima, ou usar o método `submit()` em qualquer elemento do formulário ou no próprio botão de envio.

Quando o método submit() é utilizado, o WebDriver consulta o DOM para identificar o formulário ao qual o elemento pertence e, em seguida, aciona sua função de envio.

Automação Code

Aqui está o código completo e funcional.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.*;

public class Form {
    public static void main(String[] args) {

        // declaration and instantiation of objects/variables
        System.setProperty("webdriver.chrome.driver", "G:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();

        String baseUrl = "https://demo.guru99.com/test/login.html";
        driver.get(baseUrl);

        // Get the WebElement corresponding to the Email Address(TextField)
        WebElement email = driver.findElement(By.id("email"));

        // Get the WebElement corresponding to the Password Field
        WebElement password = driver.findElement(By.name("passwd"));

        email.sendKeys("abcd@gmail.com");
        password.sendKeys("abcdefghlkjl");
        System.out.println("Text Field Set");

        // Deleting values in the text box
        email.clear();
        password.clear();
        System.out.println("Text Field Cleared");

        // Find the submit button
        WebElement login = driver.findElement(By.id("SubmitLogin"));

        // Using click method to submit form
        email.sendKeys("abcd@gmail.com");
        password.sendKeys("abcdefghlkjl");
        login.click();
        System.out.println("Login Done with Click");

        // Using submit method to submit the form. Submit used on password field
        driver.get(baseUrl);
        driver.findElement(By.id("email")).sendKeys("abcd@gmail.com");
        driver.findElement(By.name("passwd")).sendKeys("abcdefghlkjl");
        driver.findElement(By.id("SubmitLogin")).submit();
        System.out.println("Login Done with Submit");

        // driver.close();
    }
}

guia de solução de problemas

Se você se deparar com a exceção NoSuchElementException() ao procurar elementos, significa que o elemento não está presente na página no momento em que o WebDriver o acessou.

1. Verifique novamente seu localizador usando o FirePath ou a opção "Inspecionar elemento" no Chrome.
2. Verifique se o valor usado no código difere do valor atual do elemento exibido no FirePath.
3. Alguns atributos são dinâmicos para determinados elementos. Se um valor mudar dinamicamente, use `By.xpath()` ou `By.cssSelector()`, que são mais confiáveis, mas um pouco mais complexos.
4. Às vezes, o problema é uma condição de espera; o WebDriver pode executar o código antes que a página termine de carregar.
5. Adicione uma espera antes de findElement() usando esperas implícitas ou explícitas.

Resumo

• A tabela abaixo resume os comandos para acessar cada tipo de elemento discutido acima.

• WebDriver permite a seleção de mais de uma opção em um elemento SELECT múltiplo.
• Você pode usar o método submit() em qualquer elemento dentro do formulário. O WebDriver aciona automaticamente a função de envio do formulário ao qual o elemento pertence.

Perguntas Frequentes