Deberian corregir el tema de la pantalla en el momento en que el hombre muestra como diseñar los Xpath
Introduccion a la Automatización WEB
Bienvenida al curso: ¿Qué vamos a aprender?
Automatización de pruebas con Puppeteer
Introducción a la Automatización WEB
¿Qué es el DOM?
Atributos y selectores
Introducción a Puppeteer
¿Qué es Puppeteer?
Configuración de nuestro ambiente
Conociendo Puppeteer
Abriendo y cerrando el navegador
Opciones de lanzamiento
Navegación con Puppeteer
Interactuando con los elementos
Esperar por los elementos
Esperando por funciones
Extrayendo información
Timeouts
Hooks
Conclusión del curso
Próximos pasos
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Atributos y selectores
3/15Recursos
La barra de búsqueda que menciona el profesor y que él comenta que se puede obtener con las teclas Cmd + F o Ctrl + F.
Más adelante el video aunque no se ve lo que escribe directamente en la barra el profesor va describiendo lo que escribe y se ve en el resultado de la búsqueda en la pantalla.
Lo primero que escribe es: div span
Aportes 8
Preguntas 2
Ordenar por:
HTML tienen Etiquetas y estos pueden tener atributos estándar y a partir de estos atributos se crean propiedades del DOM. Propiedad =/= Atributos.
El selector permite seleccionar algunos elementos/nodos del DOM
CSS selectors
- Universal: *
- Tipo: imput
- Clase: classname
- Atributo: [attr] [attr=value] [attr|=value] [attr*=value] etc…
- Grouping selectors
div, span - Combinadores
- Combinador de hermanos adyacentes
- Combinador general de hermanos:
p ~ span
el 2do elemento sigue al 1ro. ambos comparten al mismo padre - Combinador de hijo:
ul > li
Selecciona los elementos que son hijos del 1ro - Combinador de descendientes:
div span
descendientes del 1er elemento - Psudo clases;
a : link - Psoudo elementos:
p::first-line
Xpath selector
En el minuto 12:10 cuando mostras las funciones de Xpath hay un typo, donde dice la funcion “starts-width” seria starts-with
Las Etiquetas HTML poseen atributos estándares, y no estándares
Atributos estándares:
id, class, style y title.
Atributos NO estándares:
El resto…
Esto no lo vimos en el Curso de Manipulación del DOM 😦
desearia que el profesor hubiera puesto aunque sea un pdf con las diapositivas de la clase
css vs x path selectors
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.