12
votes

TDD / test CSS et HTML?

Y a-t-il un moyen de tester CSS et HTML? Par exemple: Parfois, certains des avis sont affectés par certains changements de CSS. Je ne veux pas tester tous les avis à la main à chaque fois que je fais un changement.

merci


0 commentaires

5 Réponses :


1
votes

Je crois selenium peut tester votre fronge pour vous. Spécifiquement pour les tests de compatibilité des navigateurs, jetez un coup d'œil à selenium RC .


0 commentaires

-1
votes

Un changement de CSS ne devrait pas affecter le comportement d'une page, seul son apparence, donc je ne suis pas sûr que le sélénium soit beaucoup d'aide pour cela.

Je vais deviner que vous essayez d'éviter des problèmes tels que des éléments étant égarés sur la page afin qu'ils ne soient pas lisibles. Si tel est le cas, vous auriez probablement besoin d'une sorte d'outil basé sur OCR, mais je ne connais pas une seule main pour suggérer.

Cependant, il peut être de mieux investir vos efforts pour prévenir ce type de problème en premier lieu. Si votre mise en page est facilement brisée, vous devez peut-être refacturer votre CSS à quelque chose de plus simple.


0 commentaires

2
votes

Je suppose que la question que vous essayez de tester serait que le CSS a changé de manière incompatible avec la mise en page causant, par exemple, le texte à tronquer ou autrement visuellement "cassé". Si tel est le cas, alors je dirais qu'il n'y a pas de bon moyen de tester l'esthétique d'une page à ce moment-là. L'un des principaux avantages de TDD et de CI est un retour rapide pour que vous sachiez que quelque chose est cassé avant il devient à la production. Ne sachant pas beaucoup de contexte autour de votre environnement et de la manière dont ces changements entrent dans votre application, il est difficile de suggérer des solutions, mais voici un exemple d'option non traditionnelle potentielle:

Mettez un engagez-vous à votre référentiel qui permettrons à tout le monde de l'équipe de savoir via un courrier électronique lorsque quelqu'un change du CSS. De préférence avec un diff de la CSS. Cela donnerait à l'équipe une tête pour garder un œil sur des problèmes de mise en page.

Nous avons commencé une expérience pour utiliser Watir pour parcourir certains des écrans principaux de l'application et prendre une photo en utilisant Imagemagik (essentiellement une capture d'écran) et stockez-la dans un dossier «Dernier bon». Chaque jour, réactivez le script sur une installation propre de l'application et des données et placez les images dans un dossier «Courant». À la fin de chaque exécution, utilisez un MD5 pour comparer les images et alerter sur les modifications. Demandez à l'équipe d'assurance qualité Une liste de captures d'écran signalées et si la modification était acceptable (par exemple, un champ a été ajouté dans le cadre d'une fonctionnalité), copiez-la "Current" sur "Dernier bien connu". Malheureusement, nous n'avons pas eu notre expérience terminée, alors je ne sais pas si cela fonctionnera bien. Je suis préoccupé par la fragilité des captures d'écran comme "assertions".

espère que cela aide!


0 commentaires

8
votes

Il est très difficile d'automatiser les tests de la mise en page. Mais il n'est pas trop difficile de réduire considérablement le temps et les efforts nécessaires pour que vous puissiez le faire manuellement, mais très rapidement.

Vous pouvez essayer des tests clignotants.

J'en ai entendu parler de sites Web comme celui-ci.

  1. Écrivez un script qui parcourt votre site Web, visitant autant de pages que vous pouvez penser.
  2. à chaque page, prenez une photo d'écran.
  3. combine tous les coups d'écran dans un "film" avec une seconde ou deux pour chaque capture d'écran.
  4. Maintenant, chaque jour, vous pouvez "jouer" le film et le regarder pour tout problème.

    Vous pouvez même étendre l'approche de BCARLSO, mais remplacer le chèque MD5 avec une vérification visuelle. Chaque page est affichée pendant 1 seconde - d'abord le bien connu, puis le nouveau. Vous pouvez les alterner quelques fois de sorte que toutes les erreurs évidentes apparaîtront comme un scintillement.

    Un site Web avec des centaines de pages peut être vérifié comme celui-ci en quelques minutes. Vous ne pouvez pas penser que cela fournira suffisamment de temps pour trouver des problèmes, mais il est remarquablement efficace pour identifier des problèmes évidents avec votre site Web.

    Toutes les pages qui ont des problèmes de mise en page majeurs vous apparaîtront à vous car ils ne correspondent pas au même modèle que toutes les autres pages.


2 commentaires

Y a-t-il un service qui fait ça? Saas par exemple? Merci


Je ne sais pas ce que l'état des choses était en 2011, mais il existe aujourd'hui des dizaines d'outils qui font cela de manière automatisée.



0
votes

Si vous souhaitez simplement vous assurer que votre contenu est dans le bon contenu, etc., etc. Vous pouvez créer une simple suite de tests qui va faire des demandes à votre site Web. Lorsque vous recevez tout le contenu, vous pouvez l'exécuter via un modèle de validation comme XSLT. HTML bien formé pourra généralement être adapté contre XSLT ou XSD's. Ce n'est pas idéal, mais si vous n'êtes inquiet que de la structure de votre site Web et non du style, vous pourrez y parvenir de cette façon.


1 commentaires

Quelle est la connexion à la question des tests CSS?