Testen des Designs einer Seite jedes Mal, wenn ein neuer Code gedrückt wird

Question

Ich bin auf der Suche nach einem Test-Framework, um das Front-End und Design meiner Anwendung zu testen. Ich baue eine eckige Anwendung und wir verwenden Protractor für die Ende-zu-Ende-Tests, aber ich frage mich, wie wir das Design und das tatsächliche Layout testen.

Zum Beispiel, als mein Partner letzte Woche Code gedrückt hat, brach er das Navigationsmenü barand und wir wollen sicherstellen, dass wir automatisierten Test haben, der sicherstellt, dass das CSS nicht gebrochen wird, bevor wir es drücken. Ich bin offen für alle Vorschläge. Ich frage mich, ob Winkelmesser dafür verwendet werden kann oder gibt es ein besseres Werkzeug? Winkelmesser gibt Ihnen die Fähigkeit, CSS-Elemente per ID usw. zu lokalisieren, aber nicht sicher, ob dies ein kluger Ansatz ist.

Answer 1

Es ist vielleicht nicht alles, was Sie brauchen, aber BackstopJS scheint der Umgang mit CSS Bruch der Lage zu sein:

https://garris.github.io/BackstopJS/