Heute freuen wir uns, Jest 23 ankündigen zu können – unsere größte Hauptversion bisher! Gemeinsam mit über 100 Mitwirkenden haben wir eine Fülle von Features und Bugfixes ausgeliefert. Vielen Dank an alle in der Community, die dazu beigetragen haben, JavaScript-Tests begeisternd zu machen.

Wir heißen außerdem sowohl Babel als auch webpack in der Jest-Community willkommen! Nach der Umstellung von Mocha auf Jest 23 Beta reduzierte sich die Gesamtdauer der Testsuite von webpack um das Sechsfache – von über 13 Minuten auf nur 2 Minuten 20 Sekunden. #blazingmeansgood

Hier sind einige der Highlights und Breaking Changes von Jest 23.

Heute stellen wir eine neue Hauptversion von Jest vor, die fast alle Teile des Frameworks verfeinert, um eine solideres Testfundament zu bieten. Gemeinsam mit der Jest-Community haben wir zahlreiche Verbesserungen vorgenommen, die Ihnen noch mehr Möglichkeiten mit Jest eröffnen. Außerdem stufen wir die Funktion für benutzerdefinierte Runner aus dem Experimentalstatus hoch und fügen ein neues Paket jest-worker für die Parallelisierung von Aufgaben über mehrere Prozesse hinzu. Wir haben eine Liste der Highlights zusammengestellt, aber werfen Sie auch unbedingt einen Blick in den (wie immer) umfangreichen Changelog.

Vor einigen Monaten kündigten wir Jest 19 an - mit wichtigen Neuerungen und dem bis dahin größten Jest-Release. Jest 20 bringt doppelt so viele Änderungen wie die Vorgängerversion, beinhaltet eine komplette Neuimplementierung des Test Runners und führt neue Test-APIs ein. Diese Version ermöglicht eine neue Ebene der Anpassung und Konfiguration für Projekte, während das Upgrade mühelos bleibt. Über schmerzfreies JavaScript-Testen hinaus bieten wir nun ein begeisterndes JavaScript-Test-Erlebnis. Werfen wir einen detaillierten Blick auf die besten Neuerungen:

Multi-Project-Runner & Konfigurations-Überarbeitung​

Bisher konnte Jest nur in einem Projekt gleichzeitig arbeiten. Das ist besonders umständlich bei vielen kleineren Projekten mit eigenen Setups und Konfigurationen. Mit Jest 20 haben wir den Test Runner komplett neu entwickelt, um mehrere Projekte gleichzeitig in einer Jest-Instanz auszuführen - ideal etwa für React-Frontends und Node.js-Backends. Hier ein Video, wie Jest Tests für React, Relay, Yarn und Jest parallel ausführt:

Heute freuen wir uns, Version 19 der Jest-Testplattform auszuliefern. Es ist die bisher größte Jest-Veröffentlichung und wir sind sehr gespannt, Ihnen zu zeigen, was wir in den letzten zwei Monaten aufgebaut haben:

Immersiver Watch-Modus​

Wir haben den Watch-Modus komplett neu geschrieben, um ihn sofort und erweiterbar zu machen. Dadurch ist die Nutzungserfahrung wirklich immersiv: Tests werden sofort nach einer Dateiänderung erneut ausgeführt und wir haben es einfach gemacht, die richtigen Tests auszuwählen.

Wir sind fest davon überzeugt, dass erstklassige Dokumentation entscheidend für ein herausragendes Entwicklererlebnis ist. Die Dokumentation sollte klar, prägnant und gleichermaßen nützlich für Neulinge wie für erfahrene Nutzer sein. Vor diesem Hintergrund haben wir kürzlich Zeit investiert, um die Jest-Website grundlegend zu überarbeiten.

Verbesserte Dokumentation​

Eine der Änderungen, die Ihnen bei der Nutzung unserer Dokumentation auffallen wird, ist die aktualisierte Seitenleiste. Die Dokumentation ist jetzt in drei Hauptbereiche unterteilt: eine Einführung in Jest, detaillierte Leitfäden zu Jest-Funktionen und eine umfassende API-Referenz.

Der Abschnitt Einführung führt Sie von der Installation von Jest und dem Schreiben Ihres ersten Tests bis hin zur Verwendung von Jest-Matchern und dem Testen asynchronen Codes. Wenn Sie neu bei Jest sind oder eine Auffrischung benötigen, bringen Sie diese Dokumente schnell auf den neuesten Stand. Wenn Sie Jest bereits kennen und nur eine kurze Referenz zur Installation benötigen, finden Sie diese im Leitfaden Erste Schritte.

Sobald Sie sich mit Jest vertraut fühlen, gehen Sie zum fortgeschrittenen Bereich Leitfäden weiter. Der neue Leitfaden Snapshot-Testing deckt alles ab, was Sie über das Erstellen und Warten von Snapshot-Testfällen wissen müssen.

Schließlich haben wir unsere API-Referenzdokumentation komplett überarbeitet. Sie finden jetzt detaillierte Informationen zu allen Globals, Matchern und jeder Flagge, die von der jest CLI unterstützt werden.

2016 war ein großes Jahr für JavaScript-Tests mit Jest. In den ersten sechs Monaten haben wir Jest vollständig neu geschrieben und eine solide Grundlage geschaffen, um die Leistung und das Entwicklererlebnis beim Testen von JavaScript-Code erheblich zu verbessern. Wir haben die gesamte Codebasis mit Flow typisiert, zahlreiche Integrationstests für Jest selbst erstellt und lerna eingeführt, um Jest von einem Framework zu einer Painless JavaScript Testing Platform weiterzuentwickeln.

Der neu geschaffene react-test-renderer ermöglichte endlich das Testen von React-Native-Komponenten. Durch das jest-react-native-Preset (jetzt direkt in react-native integriert) funktioniert Jest nun sofort einsatzbereit für jedes React-Projekt und ist vorkonfiguriert in create-react-app und react-native-Projekten enthalten. Wir haben Kernkomponenten von Jest in react-natives Packager integriert, und die völlig neue Snapshot-Testing-Funktion wird seither auch außerhalb von Jest genutzt: Sie wurde als "storyshots" in React Storybook integriert und wird von anderen Test-Runnern wie ava übernommen.

Es ist einen Monat seit dem letzten Major-Release vergangen, und wir haben Jest in dieser Zeit erheblich verbessert. In diesem Major-Release aktualisieren wir das verwendete Snapshot-Format, was beim Upgrade von Jest wahrscheinlich eine Anpassung der Snapshots erforderlich macht. Wir nehmen solche Änderungen nicht leichtfertig vor und erwarten nicht, dass dies häufig vorkommt, aber wir halten es für notwendig, das Format gelegentlich zu optimieren.

Verbesserte CLI​

Jest 16 bietet eine neue Reporter-Oberfläche, die laufende Tests, eine Live-Zusammenfassung und einen Fortschrittsbalken basierend auf der geschätzten Laufzeit vorheriger Testdurchläufe anzeigt. Wir haben auch die CLI-Ausgabe optimiert, damit sie besser mit verschiedenen Farbschemata funktioniert. Wenn in einem vorherigen Durchlauf Testfehler auftraten, führt Jest diese Tests nun immer zuerst aus, um Nutzern möglichst schnell aussagekräftige Signale zu liefern.

Im vergangenen Jahr haben wir Jest schneller gemacht, die Konfiguration vereinfacht, zahlreiche Funktionen hinzugefügt und Snapshot-Testing eingeführt. Allerdings gab es zwei Bereiche, in die wir wenig investiert haben: die CLI-Ausgabe und das Nutzererlebnis. Mit Jest 15 verändern wir das Framework grundlegend, um es für Anfänger und erfahrene Nutzer gleichermaßen einfacher zu bedienen. Wir freuen uns, dass sich unsere Investition in Jest nun auszahlt: Wir können schnell agieren und das Framework für Facebook und die Open-Source-Community mit hoher Geschwindigkeit verbessern. Jests Ziel ist es, mit umfassenden Funktionen ausgestattet zu sein und so wenig Konfiguration wie nötig zu erfordern. Kürzlich hatten wir Gelegenheit, unser Konzept in einem create-react-app-Issue zu erläutern.

Die wichtigste Änderung betrifft eine Reihe von neuen Standardeinstellungen. Als bestehender Jest-Nutzer müssen Sie Ihre Konfiguration für Jest 15 höchstwahrscheinlich anpassen. In den meisten Fällen wird dies Ihr Setup vereinfachen, und Jest wird während des Upgrades hilfreiche Fehlermeldungen liefern. Alle neuen Standardeinstellungen können deaktiviert werden, um Ihren Bedürfnissen gerecht zu werden. Wir betrachten die deaktivierten Funktionen jedoch weiterhin als entscheidend für Jest in bestimmten Situationen und werden sie bei Facebook langfristig nutzen und unterstützen. Unsere API-Dokumentation wurde ebenfalls vollständig überarbeitet, um diese Änderungen widerzuspiegeln. Dieser Pull Request für React zeigt einige der notwendigen Änderungen für bestehende Projekte.

Eine der Philosophien von Jest ist es, eine integrierte "Null-Konfiguration"-Erfahrung zu bieten. Wir möchten das Schreiben nützlicher Tests so reibungslos wie möglich gestalten. Wir haben beobachtet, dass Entwickler, wenn sie einsatzbereite Tools erhalten, mehr Tests schreiben, was wiederum zu stabilen und gesunden Codebasen führt.

Eine große offene Frage war, wie man React-Tests effizient schreibt. Es gibt zahlreiche Tools wie ReactTestUtils und enzyme. Beide sind großartig und werden aktiv genutzt. Doch Entwickler berichteten uns häufig, dass sie mehr Zeit mit dem Schreiben eines Tests verbringen als mit der Komponente selbst. Dadurch haben viele komplett aufgehört, Tests zu schreiben, was schließlich zu Instabilitäten führte. Entwickler sagten uns, sie wollten nur sicherstellen, dass sich ihre Komponenten nicht unerwartet ändern.

Heute freuen wir uns, die nächste Hauptversion von Jest anzukündigen. Wir haben wesentliche Änderungen an Jest vorgenommen, die Ihnen und der gesamten JavaScript-Testinfrastruktur bei Facebook zugutekommen werden. Am wichtigsten ist, dass wir während eines kürzlichen Jest-Hackathons bei Facebook statische Typen zu sämtlichem Jest-Code hinzugefügt haben. Fünfzehn Personen arbeiteten Tag und Nacht daran, Flow-Typen zu Jest hinzuzufügen und neue Funktionen zu integrieren. Die Flow-Typen dienen zwei Zwecken: Erstens sind wir überzeugt, dass Code zum Lesen geschrieben wird. Meist wird Code nur einmal geschrieben, aber über Jahre von Dutzenden Personen gelesen. Statische Typen im Projekt helfen, den Code zu dokumentieren und bestimmte Architekturaspekte von Jest zu erklären. Zweitens erleichtern statische Typen die Wartung und ermöglichen es uns, Teile von Jest selbstbewusster zu refaktorisieren, ohne Angst vor Fehlern zu haben.

Das Flow-Projekt hat sich bei Facebook stark weiterentwickelt und wurde erfolgreich in vielen unserer Frameworks sowie fast unserem gesamten Produktcode übernommen. Die Einführung lässt sich hervorragend parallelisieren – sie kann dateiweise erfolgen, bis genug der Codebasis gut typisiert ist. Dann liefert Flow echten Mehrwert und hilft bei umfangreichen Änderungen. Dadurch wurden viele kleine Randfälle und Fehler entdeckt.