Anhang

Hier sind einige weitere Konzepte und Informationen, die Ihnen bei der Entwicklung von Tests helfen können.

Vitest als Testläufer

Vitest ist ein Test-Runner und Framework, das immer beliebter wird. In diesem Kurs wird es immer dann verwendet, wenn bestimmte Beispiele erforderlich sind. Viele der enthaltenen Beispiele sind jedoch allgemeingültig und gelten für jedes Framework, das Sie ausgewählt haben.

Die meisten Runner oder Test-Frameworks haben viel gemeinsam. Dieser Kurs ist unabhängig von Ihrem gewählten Stack nützlich. Wir haben uns aus mehreren Gründen für Vitest entschieden:

  • Es ist modern und erfordert im Gegensatz zu anderen Test-Runnern sehr wenig Einrichtung oder Konfigurationsaufwand. Es basiert zwar auf dem Build-Tool Vite, funktioniert aber auch mit bestehenden Projekten.

  • Außerdem bietet es eine hervorragende Unterstützung für die Arbeit mit EcmaScript-Modulen (ESM), einschließlich des Mocking ganzer Importe. Es hat zwar Einschränkungen, ist aber stabiler als andere Tools.

Vor allem bietet es eine weitgehend kompatible API für Jest, wahrscheinlich den beliebtesten Runner. Wie Sie Ihre Tests strukturieren und gruppieren, ist jedoch in der Regel unabhängig vom verwendeten Framework ähnlich. Erweiterte Funktionen, wie komplizierte Test-Doubles, weichen in der Regel ein wenig weiter ab. In diesem Kurs wird Vitest verwendet, um sie zu beschreiben, aber auch immer die allgemeine Lösung.

Als Komponentenmodell reagieren

Dieser Kurs enthält zwar allgemeine Codebeispiele, mit denen reines JavaScript getestet wird, z. B. mathematische Funktionen, aber es geht schnell zum Testen von React-Komponenten über, bevor später Webkomponenten allgemein und Lit verwendet werden. In diesem Kurs wird auch Next.js verwendet.

Das ist eine praktische Entscheidung. Trotz Kritik ist React das am häufigsten verwendete Framework der Teilnehmer der Umfrage zum Status von JavaScript.