React-Anwendungen mit Jest und Enzyme testen
Mit den Testwerkzeugen Jest und Enzyme können Entwickler einfach Unit-Tests für Webanwendungen erstellen, die das JavaScript-Framework React nutzen.
- Manuel Ernst
Das Frontend-Framework React, 2013 von Facebook veröffentlicht, ist neben Googles Angular und dem Open-Source-Projekt Vue.js heute die beliebteste Bibliothek zur Erstellung von Single-Page-Anwendungen. Kernmerkmal ist die hierarchische Gliederung in einzelne Komponenten, dank der Aktionen und Zuständigkeiten sauber getrennt sind: Jede Komponente ist für genau eine Aufgabe zuständig.
Eine besondere Herausforderung bei der Entwicklung grafischer Oberflächen besteht darin, diese Komponenten programmatisch zu validieren. Der generierte Code ist nicht einfach nur ein leicht zu überprüfender Wert, sondern bildet einen beliebig tief geschachtelten Baum. Deshalb sind spezielle Werkzeuge notwendig, um die gewünschten Tests durchzuführen.
Facebook und Airbnb haben das Test-Framework Jest und das Testwerkzeug Enzyme speziell für den Komponententest von React-Anwendungen konzipiert. Jest orchestriert und strukturiert Testsuiten und überprüft gewünschte Eigenschaften. Enzyme ergänzt Jest dabei, führt den zu testenden Frontend-Code aus und stellt die zugehörigen Schnittstellen zur Verfügung. Mit diesen Schnittstellen greift man auf die generierten Elemente zu und interagiert mit ihnen.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Virtualisierungsoftware: Alternativen zu VMware
Elektroauto MG4 Trophy im Test: Bestseller mit Batterie-Upgrade
Wie eine lokale KI die Fotosammlung auf dem NAS verschlagworten kann
Eigene Domain für zu Hause: Reverse-Proxy auf dem Raspberry Pi einrichten
Im Test: Zehn USB-SSDs und -Sticks mit 1 oder 2 TByte Speicherplatz
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Virtualisierungsoftware: Alternativen zu VMware
Elektroauto MG4 Trophy im Test: Bestseller mit Batterie-Upgrade
Wie eine lokale KI die Fotosammlung auf dem NAS verschlagworten kann
Eigene Domain für zu Hause: Reverse-Proxy auf dem Raspberry Pi einrichten