¿Hay alguna manera de probar CSS y HTML? Por ejemplo: a veces algunos de los avisos se ven afectados por algunos cambios de CSS. No quiero probar todos los avisos a mano cada vez que hago un cambio.TDD/Probar CSS y HTML?
Gracias
creo Selenium puede probar sus interfaces para usted. Específicamente para las pruebas de compatibilidad del navegador, eche un vistazo al Selenium RC.
Un cambio a CSS no debería afectar el comportamiento de una página, solo su apariencia, por lo que no estoy seguro de que el selenio sea de mucha ayuda para esto.
Voy a suponer que está tratando de evitar problemas tales como elementos que se extravían en la página para que no sean legibles. Si es así, probablemente necesitarías algún tipo de herramienta basada en OCR, pero no conozco ningún tipo de herramienta para sugerir.
Sin embargo, puede ser mejor invertir su esfuerzo en la prevención de este tipo de problema en primer lugar. Si su diseño se rompe fácilmente, tal vez necesite refactorizar su CSS a algo más simple.
Supongo que el problema que intentas probar es que el CSS ha cambiado de alguna forma incompatible con el diseño, lo que provoca, por ejemplo, que el texto se trunque o se "rompa" visualmente. Si ese es el caso, entonces diría que no hay una buena manera de probar la estética de una página en este momento. Uno de los principales beneficios de TDD y CI es una respuesta rápida para que sepa que algo está roto antes de que llegue a producción. Si no conoces mucho contexto sobre tu entorno y cómo esos cambios lo convierten en tu aplicación, es difícil sugerir soluciones, pero aquí hay un ejemplo de una opción potencial no tradicional:
Pon un enlace commit en tu repositorio que permita que todos estén conectados el equipo sabe a través de un correo electrónico cuando alguien cambia algo de CSS. Preferiblemente con una diferencia de CSS. Esto le daría al equipo una pista para estar atentos a los problemas de diseño.
Comenzamos un experimento para usar WATIR para recorrer algunas de las pantallas principales de la aplicación y tomar una foto con ImageMagik (esencialmente una captura de pantalla) y almacenarla en una carpeta "Última información conocida". Todos los días, vuelva a ejecutar el script en una instalación limpia de la aplicación y los datos, y coloque las imágenes en una carpeta "Actual". Al final de cada ejecución, use un MD5 para comparar las imágenes y alertar sobre los cambios. Haga que el equipo de control de calidad revise una lista de capturas de pantalla marcadas y, si el cambio fue aceptable (por ejemplo, se agregó un campo como parte de una característica), copie "Actual" en "Último bien conocido". Desafortunadamente no terminamos nuestro experimento, así que no sé si funcionará bien. Me preocupa la fragilidad de las capturas de pantalla como "afirmaciones".
Espero que ayude!
Es muy difícil automatizar las pruebas de diseño. Pero no es demasiado difícil reducir drásticamente el tiempo y el esfuerzo involucrados para que pueda hacerlo manualmente, pero muy rápidamente.
Puedes probar Blink Testing.
He oído que se usa para sitios web como este.
Incluso podría extender el enfoque de bcarlso, pero reemplace la comprobación de MD5 con una verificación visual. Cada página se muestra durante 1 segundo: primero el bien conocido, luego el nuevo. Puede alternarlos algunas veces para que cualquier error obvio aparezca como un parpadeo.
Un sitio web con cientos de páginas se puede consultar de esta manera en cuestión de minutos. Es posible que no crea que esto proporcionará el tiempo suficiente para encontrar problemas, pero es notablemente eficiente en la identificación de problemas obvios con su sitio web.
Aparecerán todas las páginas que tengan problemas importantes de diseño, ya que no coinciden con el mismo patrón que todas las otras páginas.
Esta es una respuesta tardía, pero si simplemente desea asegurarse de que sus contenidos están en los contenidos adecuados, etc., puede crear un conjunto de pruebas simple que va a realizar solicitudes GET a su sitio web. Cuando reciba todo el contenido, puede ejecutarlo a través de una plantilla de validación como xslt. El html bien formado generalmente se puede comparar con xslt o xsd. No es ideal, pero si solo te preocupa la estructura de tu sitio web y no el estilo, podrás lograrlo de esta manera.
Gracias, de visitantes
¿Cuál es la conexión con la pregunta de probar CSS? – user7294900
¿Hay un servicio que hace eso? SaaS por ejemplo? gracias – donald
No estoy seguro de cuál era el estado de las cosas en 2011, pero hoy hay docenas de herramientas que hacen esto de manera automatizada. –