Comment concevoir des sites Web pour être (UI / Frontend-) TESTABLE?

Question

Je suis intéressé par la manière de développer Web-Guis en utilisant le développement de tests.

Surtout j'aimerais savoir s'il y a des lignes directrices / astuces / bonnes pratiques sur la manière de concevoir Web-fronge (c'est-à-dire le HTML) afin d'être (automatiquement, bien sûr ...) TESTABLE?(Dans l'UI classique, il existe des modèles tels que MVVC qui prennent en charge TDD et tests automatisés)

Answer 1

Les modèles très similaires pour le développement Web tel qu'il y a dans le développement de bureau. Mais et c'est un gros, le Web est apatride. Cela semble évident mais je pense que cela définit clairement les limites des tests.

Il y a beaucoup , nombre Incarnations populaires de MVC pour le Web. Cependant, dans certaines technologies Web, il est difficile de séparer l'interface utilisateur pure (HTML, CSS, etc.) à partir du code. Vous pouvez toujours revenir sur plus d'un MVP Approche, qui ressemble à MVVM, sauf la vue est passive (ne répondra pas aux événements et à la reculer). Ces modèles devraient vous couvrir pour la principale logique UI de l'application. Tous ces modèles peuvent être utilisés avec TDD.

Si vous souhaitez ensuite monter un niveau, vous êtes dans des outils tels que selenium . Ces outils permettent l'enregistrement / la lecture des interactions utilisateur avec l'interface utilisateur Web. Cependant, s'il est utilisé avec désinvolture, ils peuvent conduire à des tests fragiles qui se brisent lorsque la mise en page change.

J'espère que cela aide.

Answer 2

Je ne connais pas de directives spécifiques, mais écrivez de la section HTML propre, sémantique et l'utilisation appropriée de la classe et des ID de CSS est normalement suffisante.