Muy bien, es hora de hacer algo útil con nuestro controlador de selenio.
Queremos intentar tomar esta entrada, poner algo de texto en ella, luego hacer clic en mostrar mensaje, tal como lo haríamos en nuestro sitio
web, tal vez cuando estamos tratando de iniciar sesión automáticamente para probar la funcionalidad de inicio de sesión o
para probar algún tipo de una funcionalidad de formulario en nuestra aplicación.
¿Cómo podemos hacer esto?
Bueno, déjame aclarar esto primero solo para que tengamos una paleta limpia y comencemos con algunas cosas.
Lo primero que me gusta hacer cuando trabajo con selenium es asegurarme de que, a medida que
avanzamos en el código, hacemos las cosas correctamente mediante el uso de estos comandos de aserción.
Entonces puedo decir afirmar y queremos afirmar que el texto de este botón, que vamos a usar, es
mostrar mensaje.
Queremos afirmar que este mensaje muestra, en realidad.
Existe en nuestra página ahora, una manera fácil de verificar esto es decir el navegador Chrome y en lugar de Tidal, solo
queremos verificar la página.
Ordena.
Y la fuente de la página es simplemente, si estoy en lo correcto, haga clic aquí y mire la fuente de la página Ver.
Es simplemente la versión HTML de todo el sitio web que vemos.
Que debería tener el botón de mostrar mensaje.
Entonces, al hacer esto, con suerte, si todo funciona hasta la línea 12, deberíamos ser verdaderos sin
ningún error.
Así que ejecutemos eso.
De acuerdo, no recibimos ningún error.
Todo está bien ahora sigamos adelante.
Lo primero que quiero hacer es tomar esta entrada.
Así que voy a inspeccionar.
O cerremos esto para que tengamos una mejor visión de esto.
Y use.
Inspeccione la entrada, vemos que la entrada de aquí tiene una ID de mensaje de usuario, por lo que podemos tomarla con ID, si
lo recuerda, y nos desplazamos hasta nuestra hoja de trucos aquí.
Vemos que podemos tomar elementos mediante el uso de elemento definido por método de ID, así que hagámoslo.
Voy a decir.
Navegador Chrome.
Punto buscar elemento por I. D. y el nombre de identificación que quería tomar era el mensaje de usuario.
Así que hagámoslo.
Voy a decir mensaje de usuario.
Y lo primero que quiero hacer ahora que hemos captado esta idea es asegurarme de
que no haya texto aquí, tal vez de un usuario anterior.
Por lo general, cuando obtengo entradas, hago algo como un mensaje de usuario.
Creemos una nueva variable aquí llamada Mensaje de usuario, y voy a decir que el punto del mensaje del usuario se borre para borrar donde sea
que esté en la entrada y luego desde allí.
Y asegurémonos de que este sea un subrayado como este.
Y luego, desde aquí, podemos usar las teclas de envío y las teclas de envío, dice, oye, en el mensaje de usuario enviado estas pulsaciones
de tecla como si un usuario estuviera escribiendo y darle la cadena.
Hagamos.
Soy extra cool.
Eso es un poco tonto, pero debería estar bien, así que vamos a imitar la escritura, soy más genial con esa
entrada después de que la hayamos borrado.
Entonces, veamos si esto funciona.
Voy a correr.
¡Vaya!
¿Cuan genial es eso?
¿Ves que acabamos de automatizar la escritura en un cuadro y dice que soy extra genial, increíble?
Ahora, el siguiente paso es tomar este botón y luego simular un clic en él para que su mensaje
se muestre aquí.
Si hago clic en mostrar mensaje, ves que se imprime esto, cerremos algunos de nuestros navegadores porque siento
que tenemos una tonelada de navegadores de selenio abiertos en este momento.
Eso es mejor.
Entonces, ahora que tenemos esto una vez más, podemos seleccionar el moño, así que recuerde, podemos seleccionar el botón
así.
Pero, bueno, no lo llamemos impuesto a los huesos, y me gusta ser específico aquí, así que llamemos a este botón de mostrar
mensaje.
Ahora, este botón de mostrar mensaje, que tenemos antes.
Lo primero que queremos hacer.
Es, bueno, simular un rápido.
Solo así, enviamos un beso y luego hacemos clic, así que veamos si funciona, voy a decir
esto y correr.
Hmmm, parece que eso no funcionó.
Déjame comprobar lo que pasó.
Tenemos un nombre, Air Bun.
Texas no está definido y eso se debe a que no arreglamos el nombre aquí en la función de impresión.
Así que cambiemos el nombre aquí.
De hecho, podemos comentar esto porque ya no necesitamos imprimirlo y vamos a ejecutarlo de nuevo.
¿Qué ves eso también, te diste cuenta de lo rápido que sucedió?
Soy extra cool.
Recibió clics en su mensaje y ahora mi mensaje parece muy, muy bueno.
Digamos que queríamos obtener esta información.
¿Qué podemos hacer?
Bueno, una vez más, podemos hacer clic derecho, así que usemos nuestro predeterminado.
Hagamos clic derecho en inspeccionar.
Y puede adivinar ahora que esto está comenzando a ser fácil, vemos que tenemos la ID de la pantalla, así que
vamos a agarrar eso.
Y diga que este será el mensaje de salida.
Y el mensaje de Alpe será el.
Navegador Chrome.
Encuentra alimento por idee.
Y dale la pantalla y tal vez ahora para verificar que esto está funcionando, voy a hacer un
método más agradable y diré, oye, quiero afirmar que lo soy.
Extra genial, cuántas O es que Feroze ahora se ve bien, está en el mensaje de salida.
Y lo que queremos hacer es ver el texto para poder decir el HTML interno como lo hemos hecho aquí
con el atributo get o simplemente decir texto.
Entonces, si ejecuto esto.
No hay aire, todo está funcionando ahora, este es un ejemplo simple, pero ¿notaste lo rápido que sucedió todo?
Quiero decir, si un humano hiciera esto, tendrías que seleccionar aquí y escribir esto.
Luego tienes que hacer clic en mostrar mensaje y finalmente tu mensaje llega a su lugar.
La razón por la que la automatización de pruebas es una parte tan importante del desarrollo de software es que puede hacer las cosas
muy, muy rápido.
Dejas que la máquina controle el navegador extremadamente rápido para que puedas probar tantas veces como quieras.
Millones de veces.
De manera similar, puede hacer clic, puede ingresar información, cualquier cosa que un humano pueda hacer, el selenio también
le permite usarlo.
Ahora, quiero mostrarles otra forma de seleccionar que es muy, muy común.
Hemos visto que podemos buscar elemento por ID, encontrar elemento por nombre de clase.
Pero otro muy útil es algo llamado elemento de búsqueda de puntos del navegador Chrome en lugar del nombre de la clase.
Usamos algo llamado éxito.
Y en la conferencia de Casesa, no vamos a aprender Quseir, sino a tener éxito en un navegador.
Es el estilo que obtienes, así que, por ejemplo, si tuviera que mirar el moño y lo inspecciono,
ves que la clase tiene moño por defecto.
Y en una clase, esto es lo que llamamos éxito, esto lo dice, oye, estos son los estilos que queremos.
Puede ver aquí en la pestaña de estilo que tenemos botón, predeterminado y botón.
Y esto controla nuestros estilos en una página web, por ejemplo, si desmarco esto.
Mi botón, bueno, ahora no tiene estilo si desmarco algo de esto también, nuevamente, el estilo del botón
desaparece.
Entonces, en realidad, podemos usar los selectores de CSF contra algo que puede buscar en Google por su cuenta o yo
enseño mis otros cursos para realmente tomar esto.
Entonces, la forma en que haríamos algo como esto y agarraríamos el bollo por defecto es usar, digamos, el
punto de clase CSF.
Pero y este es el selector de acceso, por ejemplo, si quisiera agarrar todos los botones que están bajo
el formulario get input, que es, obtendría input, entonces haría pound, que significa Idee.
Obtenga información.
Y luego diga que todos los formularios que tengan la ID obtengan entrada y cualquier cosa que sea un botón secundario que
quiero que agarre para que, si lo hago, use user.
¿Mensaje o botón de usuario?
Diré aquí, si imprimo esto ahora y digo, usuario bunta, esto debería haber sido selecter, no
seleccionar.
Arreglemos eso.
Verá que también puedo agarrar este elemento de esa manera.
Muy bien, tomemos un descanso, porque mira todas las ventanas que acabo de abrir, esto se está
volviendo un poco loco.
Entonces, en el siguiente video, les mostraré cómo cerrar todo esto.
Lo veré en el próximo por.