Elemento web en Selenium

Elemento web en Selenium

Los formularios son los elementos web fundamentales que capturan información de los visitantes de un sitio web. Los formularios web incluyen diferentes controles de interfaz gráfica de usuario (GUI), como cuadros de texto, campos de contraseña, casillas de verificación, botones de opción, menús desplegables y campos para archivos.

Este tutorial explica cómo acceder a cada elemento del formulario usando Selenium Controlador web con Java. Selenium encapsula cada elemento del formulario como un objeto de WebElement. Proporciona una API para localizar elementos y realizar acciones sobre ellos, como introducir texto, hacer clic en botones y enviar formularios. Las secciones siguientes describen los métodos disponibles para cada elemento del formulario.

Introducción a WebElement, findElement(), findElements()

Selenium WebDriver representa un elemento de formulario simple como un objeto de Elemento web.

WebDriver identifica los elementos del formulario utilizando diferentes propiedades del elemento web, incluyendo ID, Nombre, Clase, XPath, Nombre de la etiqueta, selectores CSS y texto del enlace.

WebDriver proporciona los dos métodos WebElement siguientes para encontrar elementos:

• buscarElemento() – encuentra un único elemento web y lo devuelve como un WebElement Selenium objeto.
• buscarElementos() – devuelve una lista de objetos WebElement que coinciden con los criterios del localizador.

El siguiente ejemplo muestra cómo recuperar un único elemento, un campo de texto en una página web, como un objeto WebElement mediante el método findElement(). El método findElements() para buscar varios elementos se explica en tutoriales posteriores.

Paso 1) Importa el paquete necesario para crear objetos WebElement.

Paso 2) Para recuperar un objeto WebElement, llame al método findElement() disponible en la clase WebDriver, como se muestra a continuación.

Selenium Texto de entrada

Los cuadros de entrada se refieren a cualquiera de estos dos tipos:

1. Campos de texto – Selenium Cuadros de texto que aceptan valores escritos y los muestran exactamente como se introducen.
2. Campos de contraseña – Cuadros de texto que aceptan valores escritos pero los enmascaran con una serie de caracteres especiales (generalmente puntos o asteriscos) para ocultar información confidencial.

   

Localizadores

El método findElement() recibe un parámetro, que es un localizador que apunta al elemento. Diferentes localizadores, como By.id(), By.name(), By.xpath() y By.cssSelector(), encuentran elementos en la página utilizando sus propiedades, como id, nombre o ruta.

Puedes utilizar plugins como FirePath para obtener el ID, la ruta XPath y otros valores de localización para los elementos.

Usando el sitio de ejemplo https://demo.guru99.com/test/login.htmlEl código que aparece a continuación localiza el campo de texto "Dirección de correo electrónico" utilizando el localizador id y el campo "Contraseña" utilizando el localizador name.

1. El campo de texto del correo electrónico se encuentra por ID.
2. El campo de contraseña se encuentra por nombre.

enviar claves en Selenium

sendKeys() en Selenium Es un método que se utiliza para introducir contenido editable en campos de texto y contraseña durante la ejecución de pruebas. Estos campos se identifican mediante localizadores como nombre, clase e ID. El método está disponible en el objeto WebElement. A diferencia del método type, sendKeys() no reemplaza el texto existente en un cuadro de texto.

Cómo ingresar texto en Selenium

Para introducir texto en campos de texto y campos de contraseña, sendKeys() es el método disponible en el WebElement en Selenium.

Usando el mismo ejemplo de https://demo.guru99.com/test/login.htmlEl fragmento a continuación localiza el campo de texto y el campo de contraseña e introduce texto en ellos. Selenium.

1. Localiza el campo de texto "Dirección de correo electrónico" utilizando el localizador de ID.
2. Localice el campo "Contraseña" utilizando el buscador de nombres.
3. Introduzca texto en la “Dirección de correo electrónico” utilizando el Selenium Método sendKeys.
4. Ingrese una contraseña en el campo "Contraseña" usando el método sendKeys().

Eliminar valores en la entrada Boxes

El claro() Este método elimina el texto que se encuentra dentro de un cuadro de entrada. Este método no necesita ningún parámetro. El siguiente fragmento de código borra el texto de los campos de correo electrónico o contraseña.

Selenium Haga clic en los botones

El Selenium Se accede al botón de clic mediante el método click().

En el ejemplo anterior

1. Busca el botón para iniciar sesión.
2. Haz clic en el botón "Iniciar sesión" en la página de inicio de sesión del sitio para autenticarte.

Selenium Enviar botones

Los botones de envío envían el formulario completo al servidor. Puedes llamar al método click() en el elemento web, como se muestra arriba, o usar el método submit() en cualquier elemento del formulario o en el propio botón de envío.

Cuando se utiliza submit(), WebDriver busca en el DOM para identificar el formulario al que pertenece el elemento y luego activa su función de envío.

Paquete COMPLETE Code

Aquí está el código completo y 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();
    }
}

Localización de averías

Si encuentra una excepción NoSuchElementException() al buscar elementos, significa que el elemento no está presente en la página en el momento en que WebDriver accedió a él.

1. Vuelva a comprobar su localizador utilizando FirePath o la opción Inspeccionar elemento en Chrome.
2. Comprueba si el valor utilizado en el código difiere del valor actual del elemento que se ve en FirePath.
3. Algunos atributos son dinámicos para ciertos elementos. Si un valor cambia dinámicamente, utilice By.xpath() o By.cssSelector(), que son más fiables pero ligeramente más complejos.
4. En ocasiones, el problema radica en una condición de espera; WebDriver puede ejecutar el código antes de que la página termine de cargarse.
5. Agregue una espera antes de findElement() usando esperas implícitas o explícitas.

Resumen

• La tabla que aparece a continuación resume los comandos para acceder a cada tipo de elemento mencionado anteriormente.

• WebDriver permite la selección de más de una opción en un elemento SELECT múltiple.
• Puedes usar el método submit() en cualquier elemento del formulario. WebDriver activa automáticamente la función de envío del formulario al que pertenece el elemento.

Preguntas Frecuentes