I. Introducción
En los últimos años, cuando estábamos haciendo pruebas de automatización de la interfaz de usuario del lado web, lo primero que pensamos fue basarnos en las herramientas de Selenium, pero con la actualización de la tecnología del lado web, aparecieron muchos marcos de prueba de front-end. Los marcos no dependen de Selenium, por lo que el marco de prueba de Cypress surgió en esta tendencia de actualización tecnológica.
Dos, breve introducción de Cypress
(1) Cypress es una herramienta de prueba de front-end de próxima generación creada especialmente para redes modernas, que resuelve los principales puntos débiles que enfrentan los desarrolladores y los ingenieros de calidad cuando prueban aplicaciones modernas.
(2) Cypress es una herramienta de prueba de front-end basada en JavaScript que puede probar cualquier contenido que se ejecute en el navegador.
(3) Comparando las herramientas Cypress y Selenium, son fundamental y arquitectónicamente diferentes. Cypress no está restringido por Selenium, y el protocolo subyacente de Cypress no usa WebDriver.
(4) Cypress es diferente de otras herramientas de prueba de automatización de la interfaz de usuario. Proporciona un conjunto completo de pruebas de un extremo a otro, que puede escribir todo tipo de pruebas (pruebas unitarias, pruebas de integración) y puede configurar pruebas, escribir pruebas, ejecutar pruebas y depurar pruebas.
Dirección oficial: https://www.cypress.io
Documentación detallada: https://docs.cypress.io/guides/overview/why-cypress.html
Observaciones: también podemos referirnos a "Cypress From Entry to Proficiency" escrito por el Sr. Chao Cai
3. Requisitos ambientales
Sistema operativo: versión de Windows 7 o sistema operativo superior.
Versión de Nodejs: Se requiere Node.js 8 o superior.
Para conocer los pasos de instalación detallados de Nodejs, consulte: https://blog.csdn.net/weixin_43184774/article/details/106719889
Cuatro, instalación npm
npm se ha integrado en la nueva versión de Node.js, que puede resolver muchos problemas en la implementación del código de Node.js. Los escenarios de uso comunes son los siguientes:
(1) Permitir a los usuarios descargar paquetes de terceros escritos por otros desde el servidor npm para uso local.
(2) Permitir a los usuarios descargar e instalar programas de línea de comandos escritos por otros desde el servidor npm para uso local.
(3) Permita que los usuarios carguen sus propios paquetes o comandos en el servidor npm para que otros los usen.
◎ Dado que la nueva versión de Node.js ha integrado npm, puede verificar la instalación exitosa de npm ingresando el siguiente comando en la ventana de cmd.
npm -v
◎ Si la versión de npm es demasiado baja, puede actualizar la versión de npm a través de las siguientes instrucciones
npm install npm -g
Cinco, instalación Cypress
Primero cree un directorio de carpeta Cypress en la computadora local (por ejemplo: D: \ software \ Cypress), luego en la ventana cmd, cd en el directorio Cypress que creó y ejecute el siguiente comando para instalar Cypress
npm install cypress --save-dev
Seis, Cypress comienza
(1) En la ventana cmd, acceda al directorio \ node_modules \ .bin del directorio de instalación de Cypress y ejecute el siguiente comando:
cypress open
(2) También se puede iniciar con npx, por lo que no necesita cd para ingresar al directorio node_modules.bin. El comando de ejecución es el siguiente:
npx cypress open
Siete, resuelva el problema de advertencia de instalación de Cypress
Durante la instalación anterior, verá un archivo faltante npm WARN saveError ENOENT: no existe tal archivo o directorio, abra 'D: \ software \ Cypress \ package.json' este mensaje de advertencia
Solución:
(1) Cree un nuevo archivo package.json en el directorio raíz D: \ software \ Cypress.
(2) Ingrese el siguiente contenido en el archivo package.json
{
"scripts": {
"cypress:open": "cypress open"
}
} 
(3) Ejecute los siguientes comandos directamente en el directorio de Cypress para iniciar Cypress normalmente
npm run cypress:open