Wir steigen tiefer in das Testen der UI ein. Unser Ziel ist es, einzelne UI-Komponenten auch einzeln zu testen. Und das mit möglichst wenig Aufwand, damit es auch bei einer größeren Anwendung nicht mühselig wird und wir schnell Feedback zu unseren Änderungen bekommen.

Die Rollen und Rechte unserer Webanwendung stehen. Jetzt können wir uns daran machen, die ersten UI-Komponenten zu bauen und zu integrieren. Das heißt natürlich auch, dass wir diese Komponenten testen.

Rechte und Rollen können bei einer Webanwendung ganz schön tricky werden. Man sollte vor allem nicht am Anfang schludern, sonst treffen Änderungen oder Erweiterungen einen umso härter. Apache Shiro hilft bei den Rechten und Rollen, das muss man dann aber auch sauber integrieren.

Die Grundsteine für Security-Maßnahmen gilt es möglichst früh in einem Projekt zu legen. Das gilt besonders für die Verwaltung von Nutzern und Rollen. Das Apache-Projekt Shiro hilft dabei Webanwendungen abzusichern.

Eine große Kleinigkeit bei jeder Webanwendung sind Log-in und Log-out. Außerdem sollte die Anwendung den Benutzer nicht einfach hinauswerfen, nur weil er den Reload-Knopf drückt. Wie das mit Vaadin funktioniert, zeigt dieser Teil von „Backend meets Frontend“.

Nachdem sich die letzten Teilen von „Backend meets Frontend“ mit dem Testen einer Vaadin-Applikation auseinandergesetzt haben, werden wir uns nun der Anwendungsentwicklung selbst zuwenden. Auch bei unserem kleinen Beispielprojekt behalten wir dabei Themen wie Internationalisierung und Änderbarkeit im Auge.

Docker ist auch ein wunderbares Tool für Testumgebungen. Aber das ist nicht immer trivial. Das Open-Source-Projekt TestContainers setzt genau hier an und hilft Java-Entwicklern dabei Docker mit jUnit zu kombinieren. „Backend meets Frontend“ wirft einen Blick auf das Tool und seine Möglichkeiten.

Eine Web-UI kann Entwickler recht einfach in den Wahnsinn treiben. Dann nämlich, wenn Bugs nur bei bestimmten Betriebssystem/Browser-Kombinationen auftreten. Ein mit Docker aufgebaute Testumgebung in Selenium Grid kann diese Tests parallel abarbeiten.

Wenn die ersten UI-Tests laufen, geht es daran, Elemente der Webanwendung zu selektieren und fachliche Tests zu schreiben. Das kann objekt-orientiert oder funktional erfolgen. Der Selenium-Aufsatz TestBench hilft dabei, das Entwicklerleben einfacher zu machen.

Nun hat man es als Web-Entwickler ja nicht nur mit einem Zielsystem zu schaffen: In einem Browser schlägt der UI-Test fehlt, im nächsten nicht. Es gilt, Grundlagen für Browser-übergreifende Tests zu legen. Dafür müssen die WebDriver Binarys gemanagt werden. Dieser Teil von „Backend meets Frontend“ zeigt wie.

Selenium und jUnit4 ist ein solides Test-Duo und arbeitet auch in der Beispielwendung der Kolumne „Backend meets Frontend“ zuverlässig. Aber wie sieht es mit der Weiterentwicklung jUnit5 aus?

Zu einem guten UI-Test gehören Screenshots dazu, um feststellen zu können, was der Nutzer eigentlich genau getrieben hat. Damit unzählige Tests nicht das System zumüllen, sollten Screenshots aber nur im Fehlerfall erstellt werden. Die Test-Kombination aus „Backend meets Frontend“ Vaadin und Selenium wird deswegen noch um jUnit4 und seine Rules erweitert.

Bei UI-Tests kann man sich nicht nur auf die Logfiles verlassen. Um Fehler wirklich nachvollziehen zu können, sind Screenshots hilfreich und wichtig. Die Kombination aus Vaadin und Selenium macht auch dies einfach möglich, wie dieser Teil der Kolumne „Backend meets Frontend“ zeigt.

Die oft fehlende technische Unterstützung ist eine gern gewählte Ausrede, um UIs nicht testen zu müssen. Dass diese Ausrede aber nicht mehr zählt, zeigt der aktuelle Teil der Kolumne „Backend meets Frontend“, wie Entwickler mit Vaadin und Selenium die Grundtseine für eine testgetriebene Entwicklung legen können.

In der Artikelserie Backend meets Frontend stellt Sven Ruppert Konzepte und Technologien rund um das UI-Framework Vaadin vor. Nachdem im ersten Teil das Aufsetzen einer Vaadin-App in Wildfly Swarm erarbeitet wurde, geht es dieses Mal um das Deployment in einem Undertow Servlet Container.

Früher war alles besser; oder einfacher. Das gilt zumindest für Webdesign. Auch wenn es damals nicht unbedingt schöner war. JAXenter-Autor Sven Ruppert (Vaadin) wünscht sich die Einfachheit vergangener Zeiten zurück und zeigt in seiner Artikelserie, wie man als altgedienter Java-Backend-Entwickler einfach User Interfaces fürs Web bauen kann.