Práctica de titiritero de automatización de interfaz de usuario de interfaz de usuario
Antecedentes
Durante el proceso de prueba del formulario (página web), es necesario volver con frecuencia a las funciones básicas del formulario. Una vez consideré usar herramientas de automatización de webUI para reducir las operaciones repetitivas. , pero debido a que he usado appium antes y mi experiencia con la automatización de la interfaz de usuario no es muy buena, estoy un poco confundido. Sin embargo, si lo pienso detenidamente, puede haber herramientas que sean más fáciles de usar y que realmente puedan mejorar la eficiencia. , así que también podría intentarlo.
Revisé en línea y descubrí que el titiritero tiene funciones como el grabador de títeres, una herramienta para grabar guiones y capturas de pantalla. Encontré una demostración y comencé a probarla. Descubrí que había menos errores. Fue fácil de instalar y fácil de usar.
Introducción a puppeteer
Puppeteer es una biblioteca de Node que proporciona una API de alto nivel para controlar Chrome o Chromium a través del protocolo DevTools. Puppeteer se ejecuta sin cabeza de forma predeterminada, pero se puede configurar para que se ejecute sin cabeza. Consulte el enlace de referencia al final del artículo para obtener más detalles.
Visualización de efectos
Estructura de directorios
casos: scripts de casos de uso
configuración: archivo de configuración, que puede distinguir entre entornos de prueba y en línea
p>
screenshot_outputs: archivo de captura de pantalla de salida
utils: métodos comunes utilizados
Ideas de prueba
1. Escribir la ejecución de la prueba en los pasos del script
2. Ejecute el script
3. Verifique los resultados de la ejecución (capturas de pantalla) para ver si cumplen con las expectativas.
Esta operación hará que sea cada vez más fácil realizar la prueba. Tome la revisión manual de formularios como ejemplo. Si todo se hace manualmente, debe completar y enviar el formulario, iniciar sesión en el fondo de operación del formulario, buscar el directorio y el formulario correspondientes, revisar el formulario y luego volver a abrir el formulario. forme y visualícelo. Si está automatizado, debe escribir Después de crear el script (las solicitudes de interfaz se pueden realizar en el script), puede ejecutar el script directamente y ver los resultados.
Configuración del entorno
1. Instale Puppetteer: npm instale Puppetteer (siempre que node y npm estén instalados)
2. Instale el complemento de Chrome Puppetiteer-Recorder (opcional) Baidu por tu cuenta, relativamente simple)
3. npm init, inicializa un proyecto
Escritura de guiones
Encontrando problemas
1. titiritero: el registrador solo puede registrar las operaciones de obtener elementos y hacer clic en elementos. No obtiene las operaciones de completar texto. Es necesario modificar o agregar el guión grabado.
2. En algunos. lugares, como antes de tomar capturas de pantalla y después de que se complete la solicitud de la interfaz, debe utilizar el método de espera. await page.waitFor(3000)
3. Utilice await para realizar solicitudes de interfaz; de lo contrario, se producirán problemas de sincronización y asíncrono y las declaraciones posteriores comenzarán a ejecutarse (pero los parámetros a utilizar no han sido obtenido aún)
Referencia:
/p/76237595
/p/679f07ba474b