Saltar al contenido

¿Automatizamos? Tu primera prueba de IU en 20 minutos

¿Automatizamos?  Tu primera prueba de IU en 20 minutos

Con el algoritmo del ingeniero de pruebas tecnologiapc Pavel, todos, incluso un principiante absoluto en programación y pruebas, pueden escribir su propia prueba de interfaz de usuario. ¿Intentemos? 😉

Nivel: principiante +

¡Hola! Hoy en día, muchas tareas se resuelven en línea y en la mayoría de los casos mediante un navegador. Me parece que muchos han oído hablar de la automatización y todas estas cosas interesantes, pero ¿alguna vez has pensado en cómo hacer tu rutina más fácil con esta «cosita»? ¿O tal vez solo está interesado en probar algo nuevo y en desarrollo, pero algunas cosas parecen complicadas y pospuestas para más adelante? ¿O simplemente quieres probar algo de automatización? Si es así, por favor ame y favorezca – su (o no su) primera (o no) prueba de IU!

Pequeño spoiler. No necesitaremos ningún conocimiento, ya que se proporcionarán instrucciones paso a paso para no distraernos de lo más importante. ¡Así que no se deje intimidar por palabras desconocidas! Y no se preocupe por no entender algo y no saberlo. Lo intentaremos y luego tú decidirás por ti mismo, si te interesa o no. Además, no discutiremos las ventajas y desventajas de los lenguajes de programación, marcos, enfoques y todo lo demás. Simplemente crearemos nuestra primera prueba y la probaremos. Y luego echemos un vistazo a los puntos principales. Para esto, solo necesitamos una computadora y un navegador (e Internet, por supuesto); se proporcionará un ejemplo para Windows y Google Chrome (con suerte, casi todos tienen Chrome instalado), pero puede probar otros navegadores / sistemas en el futuro si quieres. Y ahora un par de posibles palabras desconocidas (no tiene miedo): usaremos Python y Selenium. Y sí, no estropearemos demasiado nuestro sistema, no se preocupe.

¿Le pedimos al navegador que haga lo que queramos sin nuestra ayuda mientras preparamos las gaviotas? Basta de palabras, ¡comencemos!

1. Descargue Python del sitio oficial https://www.python.org/downloads/.

Tu primera prueba de IU con tecnologiapc

2. Ejecute el archivo descargado. En la pantalla de instalación principal, seleccione la casilla de verificación Agregar Python a RUTA (para mayor comodidad) e instálelo usando el botón Instalar ahora. No se requiere ninguna acción adicional (simplemente cierre la ventana una vez completada la instalación).

Tu primera prueba de IU con tecnologiapc

3. A continuación, creamos una carpeta separada usando herramientas estándar de Windows (no es necesario crearla, pero por conveniencia). Por ejemplo, puede crear una carpeta «Prueba» en la unidad «C:». Obtendrá la ruta completa de la carpeta «C: Test» (la ruta nos será útil un poco más adelante).

Tu primera prueba de IU con tecnologiapc

4. Ahora necesitamos averiguar la versión de nuestro navegador. Para hacer esto, vaya a la página «Acerca del navegador Chrome» en su navegador. Esto se puede hacer mediante una secuencia de acciones:

I. Haga clic en los tres puntos en la esquina derecha del navegador;

II. Seleccione la línea «Ayuda» (o «Ayuda»);

III. Haga clic en «Acerca de Google Chrome».

En esta página podemos ver la versión de nuestro navegador: «Versión% número%». Solo necesitamos los primeros dígitos (hasta el primer punto).

PD: buena oportunidad para actualizar Chrome si no ha actualizado en mucho tiempo;) Se recomienda actualizar para facilitar el siguiente paso.

Tu primera prueba de IU con tecnologiapc

5. Descargue la versión correspondiente de chromedriver del sitio web oficial https://chromedriver.chromium.org/.

Si tiene la última versión de Chrome, debe descargar la «Última versión estable»:

I. Haga clic en el enlace de la fila «Última versión estable»;

Tu primera prueba de IU con tecnologiapc

II. En la pestaña que se abre, seleccione el archivo para Windows.

Tu primera prueba de IU con tecnologiapcSi su versión de Chrome es diferente a la última y no desea actualizarla todavía, debe seguir el enlace https://chromedriver.chromium.org/downloads, encontrar la versión que necesita y descargarla de la misma manera. como en los pasos anteriores.

Tu primera prueba de IU con tecnologiapc

6. ¿Lo descargaste? Ahora necesitamos descomprimir el contenido del archivo y mover el archivo chromedriver descargado a la carpeta «Prueba» creada previamente (necesitamos un archivo que estará en la carpeta descomprimida).

Tu primera prueba de IU con tecnologiapc

7. Cree un archivo de texto normal y asígnele el nombre «Prueba» (puede llamarlo de otra manera, pero tenga esto en cuenta cuando ejecute los siguientes comandos). El nombre completo del archivo será «Test.txt» (también útil).

Tu primera prueba de IU con tecnologiapc

8. Inserte el siguiente código en nuestro archivo:

from time import sleep
from selenium import webdriver
from selenium.webdriver.common.keys import Keys

# Немного настроим наш браузер
driver = webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(3)

# Откроем страницу блога
driver.get("https://blog.tecnologiapc.net/")

# Попытаемся найти... кого?
sleep(1)
driver.find_element_by_css_selector("[type=search]").send_keys("настоящих ниндзя")  # P.s. здесь могла бы быть ваша реклама
sleep(1)
driver.find_element_by_css_selector("[type=search]").send_keys(Keys.ENTER)

# И посмотрим, как же стать настоящим ниндзя?
sleep(1)
driver.find_element_by_tag_name("article").click()

# А мы точно открыли ту статью?
sleep(1)
title = driver.find_element_by_css_selector("article>header>h2").text
assert title == "Тестовые площадки для тренировок настоящих ниндзя", "Упс, а мы хотели стать ниндзя :("
print("Yeah! That's it!")

# А теперь можно ознакомиться со статьей
# Чтобы ознакомиться со статьёй получше - удалите строчки ниже
sleep(5)
driver.close()

Tu primera prueba de IU con tecnologiapc

9. Guardamos nuestro archivo usando «Guardar como», porque es posible que necesitemos cambiar la codificación a «UTF-8» y sobrescribir nuestro archivo (confirmaremos el reemplazo de archivo propuesto). Si la codificación ya está configurada en «UTF-8», no es necesario cambiar nada, pero el archivo se puede sobrescribir.

Tu primera prueba de IU con tecnologiapc

10. Abrimos la línea de comando (todas las acciones adicionales se realizarán en ella). Por ejemplo, puede presionar la combinación de teclas Win + R, ingresar «cmd» en la ventana que aparece, hacer clic en «Aceptar» (puede abrirlo de otras formas conocidas).

Tu primera prueba de IU con tecnologiapc

11. Vayamos a la carpeta que creamos anteriormente en la línea de comando («C: Test» – la ruta que debería ser útil para nosotros). Debe ingresar el comando cd C: Test si ha creado una carpeta en la misma ubicación que la anterior.

Tu primera prueba de IU con tecnologiapc

Pero si ha creado una carpeta en otro lugar, deberá ingresar el comando cd% path_to_your_folder%, donde en lugar de% path_to_your_folder% debe especificar la ruta apropiada.

PD La ruta se puede obtener con una copia simple de la línea del Explorador de Windows.

Tu primera prueba de IU con tecnologiapc

12. Creemos un entorno virtual para que todo vaya bien con el comando python -m venv. (no olvide el punto al final y espere a que aparezca la línea de entrada).

Tu primera prueba de IU con tecnologiapc

13. Actívelo con el comando Scripts activación.bat (verá el nombre de la carpeta entre paréntesis antes de la nueva línea de entrada).

Tu primera prueba de IU con tecnologiapc

14. A continuación, instale los componentes necesarios: Selenium. Ingresamos el comando pip install selenium y esperamos a que termine la instalación (aparece la línea de entrada).

Tu primera prueba de IU con tecnologiapc

15. ¡Finalmente, ejecutemos nuestra prueba! Ejecute el comando python Test.txt.

Si nombró el archivo de manera diferente, deberá probar usando el comando de Python% full_file_name%, donde en lugar de% full_file_name% debe especificar el nombre de archivo correspondiente con la extensión de archivo (!).

¡Eso es todo! ¡Magia y más! Después de unos segundos, el navegador se cerrará, completando con éxito todas las tareas asignadas: abra la página del blog, busque el artículo por palabras clave y abra este artículo. Y nuestro código también verifica que este artículo en particular haya sido abierto por el título. Si es así, verá en la línea de comando que todo estuvo bien.

Tu primera prueba de IU con tecnologiapc

Pero si está intrigado por el artículo abierto por la prueba, puede divertirse leyéndolo borrando las últimas dos líneas de su archivo y ejecutando la prueba nuevamente (python Test.txt):

sleep(5) 
driver.close()

No olvide guardar el archivo;)

Solo queda un poco 🙂 Luego, con la ayuda del archivo creado, puede construir sus scripts, cambiando lo que ya está allí.

Por ejemplo, la línea driver.get («https://blog.tecnologiapc.net/») indica al navegador que abra esta o aquella página. Puede cambiar parte de la línea «https://blog.tecnologiapc.net/», por ejemplo, a «https://tecnologiapc.net/about/» y abrir una página completamente diferente. ¡Lo que quieras! O la línea driver.find_element_by_tag_name («artículo»). Haga clic en () haga clic en el elemento y la línea driver.find_element_by_css_selector («[type=search]»). send_keys (» ninjas reales «) imprime el texto que especificas en la barra de búsqueda. ¡Y estas acciones forman la base de muchos escenarios! Después de todo, siempre hacemos esto: buscamos un elemento, hacemos clic en él o miramos para otro elemento, imprime algo, haz clic de nuevo y así sucesivamente. Puedes cambiar el texto de «ninja real» por algo propio y buscar otro artículo. Pero luego la prueba fallará, porque es el artículo sobre «kiaaaa» ninja que se proporciona en él. Obviamente, en la línea de comando se dirá a sí mismo que algo salió mal y que el navegador no se cerrará, tendrá que cerrarlo usted mismo. Pero puede eliminar el título de aserción == … Para obtener no una prueba, sino un script normal (que, tal vez, quieras), y luego todo irá bien. Sí, para cambiar por completo el script creado, necesitas aprender a buscar los elementos con los que queremos interactuar, pincha sobre ellos y otras acciones, ¡pero esta es una historia completamente diferente!

Finalmente, me gustaría decir que aquí no hay una guía exhaustiva y los matices de escribir código, pero no es necesario; realmente espero que el material presentado lo ayude a familiarizarse con algo nuevo, lo inspire a experimentar o simplemente entienda que hay. ¡usted puede hacer!

Y casi lo olvido: cuando hayas terminado, cierra la línea de comandos y listo. Y si desea limpiar el sistema, elimine la carpeta creada anteriormente con las herramientas estándar de Windows y desinstale Python a través de «Aplicaciones y características».

Si encuentra un error, seleccione un fragmento de texto y presione Ctrl + Entrar