Selenium 4: ¡Novedades y cómo puedes usarlo!

Hola a todos. Y bienvenidos a mi charla de hoy. Voy a hablar sobre Selenium 4.0 que fue lanzado hace un par de semanas. Pero antes de entrar en eso, me gustaría contarles quién soy. Mi nombre es David. Soy el líder del equipo de código abierto en Browserstack. Soy un colaborador principal de Selenium, soy coeditor de la especificación de WebDriver dentro de la W3C. Y soy el presidente del grupo de trabajo de pruebas cada vez que se quiere estandarizar algo, tiende a pasar por mi grupo de trabajo donde hacemos todo lo posible para asegurarnos de que todos los navegadores te vayan a soportar a ti, el usuario final. Y aquí está nuestra agenda para hoy. Así que, voy a hablar sobre qué es Selenium 4. Algunas de las nuevas características que se han incluido, como los localizadores relativos y las nuevas APIs de ventanas, está la nueva capacidad de imprimir páginas, y luego voy a dedicar un poco de tiempo a hablar sobre el nuevo código basado en eventos, que te permite en lugar de tener que esperar para que tus pruebas funcionen con Selenium, ahora puedes recibir eventos emitidos a ti y continuar con tus pruebas. Estas son características realmente geniales. Y al final, terminaré hablando sobre algunas de las nuevas y excelentes características de Selenium Grid.

Entonces, Selenium 4 ha sido una cantidad increíble de trabajo que se ha invertido en él. Piénsalo como construir una ciudad. Nos llevó cinco años sacarlo y más de 4,400 commits de numerosos colaboradores de todo el mundo. Hemos reescrito grandes partes del código base. Hemos deprecado grandes partes del código base. Y así que cuando empieces a usarlo, será un gran cambio, pero el cambio principal que no notarás realmente es que podrás simplemente instalarlo y las cosas deberían funcionar. Esta es una de las principales razones por las que hemos dedicado tanto tiempo a enfocarnos en los pequeños detalles para hacerlo más fácil. Entonces, cuando hagas el cambio, habrá varias advertencias de deprecación con las que tendrás que lidiar, pero ninguna de ellas debería ser alarmante en absoluto. Se trata de asegurarnos de que estemos listos para cuando lleguemos a Selenium 4.1 y más allá.

Entonces, con eso, voy a comenzar a hablar sobre algunas de las características realmente geniales. Una de las que me entusiasma mucho son los localizadores relativos. La idea aquí es que, si sabes dónde se encuentra un elemento en la página, puedes comenzar a buscar otros elementos en la página de manera bastante sencilla. Entonces, en este caso, si quisieras comenzar en el centro del tablero aquí, dice un proceso abierto. Selenium es un proyecto de código abierto. Queremos hacer todo lo posible de manera abierta. Y ahora queremos encontrar cualquier cosa en la parte superior derecha, oh, perdón, en la parte superior izquierda que pueda tener la palabra 'abrir'. Entonces, la nueva capacidad nos permitiría encontrar un elemento comenzando con 'proceso abierto' y luego encontrar cualquier cosa en la parte superior derecha que pueda tener un texto de enlace que diga 'abrir'. O texto de enlace parcial. Y comenzamos a buscar en el DOM para encontrar lo que podamos. Lo hacemos utilizando tecnología que se desarrolló por primera vez con Sahi y otro proyecto que es gestionado por ThoughtWorks. Y simplemente intenta hacer una localización relativa. Lo hace mirando el cuadro delimitador. Entonces, los pequeños cuadrados que cada elemento en la página crea y ve qué tan lejos está. También hace un poco de búsqueda dentro del DOM para ver si está cerca de ti dentro del propio DOM. Solo para intentar acelerar algunos de los retornos. Y luego, cuando obtienes una lista de elementos, normalmente comienzan desde el más cercano hasta el más lejano

El siguiente conjunto de APIs del que quiero hablar son las nuevas APIs de ventanas. Durante años, la gente ha querido que Selenium cree nuevas pestañas. Querían poder comunicarse de una pestaña a otra, o de una ventana a otra. Y Selenium no ha permitido eso porque nunca tuvimos suficiente control sobre el navegador para hacerlo. Trabajando con los proveedores de navegadores, encontramos una forma de hacerlo. Aprendimos mucho en el proceso. `Ventanas` es uno de esos términos extraños en un navegador que puede significar muchas cosas diferentes. Este es uno de los problemas clave que tuvimos con Selenium al intentar admitir esto. Si alguna vez hiciste algo y debería haber abierto una nueva pestaña, habrás notado que intentamos forzarlo a abrir una nueva ventana. Podrás crear nuevas pestañas y ventanas y moverte entre ellas utilizando las APIs existentes de cambio de ventana. Esto puede ser realmente genial. Tenemos la capacidad de crear una ventana específica. Es decir, una ventana con su propia pestaña. Si solo quieres estar en una pestaña, puedes abrir una nueva pestaña. Esto solo está disponible en Selenium 4, pero funcionará con cualquier controlador que lo tenga en el futuro, lo cual incluye definitivamente Chrome y Firefox. Safari, sé que lo tendrá pronto si aún no lo tiene. La siguiente característica que notamos que mucha gente quería era la capacidad de imprimir páginas. La impresión puede ser muy difícil de probar. Y así, la gente intentaba formas extrañas e innovadoras de imprimir. Usarían Selenium con un framework de robot o invocarían formas nuevas y maravillosas de imprimir. Pero ahora, con las nuevas APIs de impresión de páginas, puedes crear PDFs. Estos se devolverán desde un controlador utilizando codificación Base64 para que puedas compilarlos y guardarlos en disco o, si quieres, simplemente volver a codificarlo en un documento PDF y usarlo en memoria. Notamos que mucha gente quería esta característica solo para automatización básica. No necesariamente para sus pruebas, sino para automatización básica. Los proveedores de navegadores querían esta característica porque querían probar sus nuevas capacidades de impresión.

Para las excepciones de JavaScript, tratamos de devolverte la mayor cantidad de información posible. Entonces, en este caso, vamos a crear un escucha de excepciones de registro. Y cada vez que se active, podremos hacer lo que queramos. En este caso, he creado una afirmación para asegurarme de saber cuál será el error, pero podría ser cualquier cosa. Entonces, si alguna vez llegara allí, simplemente podrías hacer que falle y luego imprimir todos los eventos. Se te proporcionará un objeto JSON. Lo siento. Vuelve como un objeto JSON, pero luego lo convertiremos en un objeto normal con el que puedes trabajar, y podrás obtener los detalles de la excepción, puedes ver toda la traza de la pila si quieres, o si solo quieres tramas específicas, puedes tener un

Espero con ansias sus preguntas, así que envíenlas. ¿Qué opinas de los resultados? Estoy gratamente sorprendido. Es lo que esperaba. Y porque, como, sé que mucha gente cuando piensa en móvil, piensa, como, reducir el tamaño de un navegador podría ser suficiente. Y por eso puse la palabra `real` allí, como un dispositivo móvil real. Y, espero que la gente note esa sutileza. Pero estoy gratamente sorprendido y me ayudará con parte del trabajo que quiero hacer en los próximos, como, tres o cuatro meses. Así que esto es increíble.

Eso es realmente agradable. Y estoy muy feliz de que hayamos podido ayudar de alguna manera. Y definitivamente, agregaría más información de que realmente, realmente necesitamos probar. Estoy de acuerdo contigo en que no es divertido cuando todos consideran el navegador solo una ventana que se abre fácilmente y no el navegador real que tenemos. Y sí, Nick Vick, sabes que soy un gran fan de los navegadores móviles. No puedo mentir. Ya tenemos algunas preguntas. Quiero recordarles a todos que pueden agregar sus preguntas en Discord. Y las tomaré tan pronto como las vea. Y comencemos con una. Leas se preguntaba...

Claro. ...de la charla. Entonces, podemos usar un flujo de prueba y probar múltiples pestañas abiertas. ¿Significa que si necesito probar algo que se abre en una nueva ventana y luego proceder a probar la nueva pestaña, funcionará? Sí. No ventana-pestaña, después de corregirlo. Sí, sí. Entonces, debería funcionar. Y una pestaña. Históricamente, con Selenium, si querías moverte entre pestañas, siempre se forzaba en una nueva ventana.

Porque si has trabajado en navegadores, como, Yohanna, sabes esto, la idea de una ventana está sobrecargada. Porque una pestaña es una ventana. Una ventana de pestañas es una ventana. Y, por lo tanto, hay muchos conceptos erróneos comunes. Y, por lo tanto, se ha corregido mucho de eso. Esperemos que se ajuste al modelo mental de las personas en torno a las ventanas y el movimiento entre ventanas y la creación de nuevas ventanas para que puedan hacerlo mucho más fácilmente. Y, por lo tanto, puedes crear esos nuevos flujos de trabajo mucho mejor.

Oh, eso es útil. Y mencionaste que todo es una ventana. Recuerdo cuando comenzamos a hacer automation hace mucho tiempo cuando no teníamos herramientas adecuadas, crearíamos una página completa con un botón para asegurarnos de que nuestro navegador toque un botón. Solo cargábamos un botón. Oh, Dios mío. Hubo algunos días creativos de automation, sí. Sí.

Bien, pasando a la pregunta de Mark, y se trata de las páginas de impresión. ¿Es más bien una captura de pantalla o respeta la impresión de medios? Por lo tanto, debería respetar la impresión de medios, y si no lo hace, sería un error. Y, por lo tanto, la razón principal por la que se creó fue porque los proveedores de navegadores querían tener una mejor interoperabilidad entre cómo se ve una impresión en diferentes navegadores. Y así, de esa manera, como todos tus estilos y todo, la impresión de medios debería ser exactamente la misma. Y si no lo es, entonces hay problemas de interrupción, y por eso necesitaban solucionarlo. Entonces, espero que eso responda tu pregunta.

Sí, bueno, que Mark nos lo haga saber en Discord nuevamente. Y tenía una segunda pregunta. ¿Cómo maneja los desplazadores infinitos? ¿O solo muestra la parte actualmente visible? Por lo tanto, solo muestra la parte actualmente visible. Entonces, por ejemplo, si estás en Twitter y presionas imprimir, solo verás lo que se ha descargado y renderizado. No se seguirá desplazando continuamente. Por eso tampoco se utilizan las capturas de pantalla, porque en algunos navegadores intentamos hacer capturas de pantalla de toda la página. Y la forma en que lo hacemos es desplazando la pantalla y uniendo todo, y no es bonito, especialmente en una página de desplazamiento infinito, como Twitter. Por lo tanto, lo que ves es lo que obtienes en la página. Sí. Las páginas infinitas son realmente interesantes de probar cuando llegas al final.

Sí. No estoy seguro de si es interesante, pero sí. Sí, exactamente. Como interesante en el sentido de no divertido.

De acuerdo. El siguiente, código orientado a eventos. ¿También se pueden escuchar eventos de JavaScript de forma continua? Por ejemplo, eventos de frameworks de componentes, pensando en external.js aquí.

Sí. Esa es una de las principales áreas en las que intentamos centrarnos, mejorar cómo se pueden realizar pruebas de componentes. Porque Selenium siempre ha sido diseñado como ese marco subyacente y puedes construir sobre él según tus necesidades. Y lo que queremos hacer es probar un código orientado a eventos ligeramente mejor para diferentes áreas. Por eso tenemos mutaciones de registro. No mutación de registro, mutación del DOM. Entonces, si algo muta en el DOM, puedes recibir una notificación al respecto, lo cual es bueno para algunas pruebas y también te ayuda con la espera. Si quieres esperar a que ocurra un cambio específico en el DOM, puedes esperar por ello. Y si quieres mensajes de consola o excepciones de JavaScript, porque tienes todas estas cosas diferentes que pueden estar relacionadas. Entonces, si puedes hacer que el navegador emita todos estos mensajes, esperamos poder recopilarlos. Apreciamos que no hayamos abordado todos los casos de uso diferentes. Entonces, si tienes casos de uso nuevos, siéntete libre de informar errores o enviarme un mensaje y veremos qué podemos hacer. Porque estamos tratando de incorporar todas estas ideas para mejorarla para todos, para que puedas tener una web de mejor calidad. Ese es nuestro objetivo final, una web de mejor calidad.

INES ENVIDA SORRENTO En efecto. Y sé que trabajas mucho en esto y que estás presente en las redes sociales. Así que no dudes en ponerte en contacto con David y hacerle saber lo que encuentres allí. Y definitivamente probablemente les ayudará también. De acuerdo. Refector, Eric, creo que identifiqué el nombre, o tal vez solo una oración completa allí. Esos ejemplos, como la autenticación básica, con la llamada de conexión CDP, ¿funcionan con algún otro navegador que no sea Chrome o Chromium?

DERMOT HAZLETT Entonces, por el momento, solo funciona con navegadores Chromium. El equipo de Mozilla está tratando de agregar nuevas funciones a medida que avanzamos. No creo que la autenticación básica funcione allí todavía, porque depende de un CDP