Las tablas web se utilizan para organizar tipos similares de contenido en la página web, las tablas web son grupos de elementos que se almacenan lógicamente en un formato de fila y columna. La tabla web tiene varias etiquetas HTML como., tabla, th, tr, td. Entendamos un poco más estas etiquetas:
- <table> – Define una tabla
- <th> – Define una celda de encabezado
- <tr> – Define una fila en una tabla.
- <td>- Define una celda en una tabla. la etiqueta <td> siempre se encuentra dentro de la etiqueta <tr>.
Ejemplo de tabla HTML
Tabla de demostración estática
La siguiente tabla es una tabla de demostración estática y el código HTML para la tabla:
HTML
<html> <head> <style></style> </head> <body> <table name="BookTable"> <tr> <th>BookName</th> <th>Author</th> <th>Subject</th> <th>Price</th> </tr> <tr> <td>Learn Selenium</td> <td>A</td> <td>Selenium</td> <td>100</td> </tr> <tr> <td>Learn Java</td> <td>B</td> <td>Java</td> <td>500</td> </tr> <tr> <td>Learn JS</td> <td>C</td> <td>Javascript</td> <td>700</td> </tr> <tr> <td>Master In Selenium</td> <td>D</td> <td>Selenium</td> <td>1000</td> </tr> <tr> <td>Master In Java</td> <td>E</td> <td>JAVA</td> <td>2000</td> </tr> <tr> <td>Master In JS</td> <td>F</td> <td>Javascript</td> <td>1000</td> </tr> </table> </body> </html>
Guarde el código como «table.html», luego obtendrá una tabla HTML como la siguiente.
Para imprimir el costo total de todos los libros enumerados en la tabla:
- Abrir URL
- Encuentra el camino x
- calcular el costo de cada libro,
Encuentre la ruta X de la tabla:
- Ir al sitio web
- Haga clic derecho en la tabla y seleccione inspeccionar y copiar la ruta x.
- Si tienes dudas consulta este artículo
- Para encontrar el precio, tenemos que copiar la ruta x para la cuarta columna, es decir. la columna de precios
/html/cuerpo/tabla/tbody/tr/td[4]
Java
package GFG_Maven.GFG_MAven;
import java.util.List;
import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
public class Geeks {
public static void main(String args[]) throws InterruptedException {
System.setProperty("webdriver.chrome.driver","C:\\Users\\ADMIN\\Documents\\chromedriver.exe");
ChromeDriver driver = new ChromeDriver();
// Maximize the browser
driver.manage().window().maximize();
// Launch Website
driver.get("file:///C:/Users/ADMIN/Desktop/table.html");
List<WebElement> costColumns= driver.findElements(By.xpath("/html/body/table/tbody/tr/td[4]"));
int sum_price=0;
for(WebElement e : costColumns)
{
sum_price= sum_price+Integer.parseInt(e.getText());
}
System.out.println("total price: "+sum_price);
}
}
Explicación paso a paso del código:
- En el método de configuración, haga todas las cosas de configuración, como iniciar un navegador, abrir URL.
- Para obtener la URL, debe definir la dirección del archivo que guardó como table.html en su sistema
- Crear una lista de elementos web de tipo de datos y almacenar todos los valores en la cuarta columna de la tabla
- Ahora recorra la Lista y convierta los datos en enteros y sume el precio.
- Imprimir el costo total
- Luego haga clic en ejecutar la aplicación java en eclipse.
Para configurar el controlador Chrome y el controlador web Selenium, consulte este artículo ¿Cómo abrir el navegador Chrome usando Selenium en Java?
Producción: