Anhang

Vitest als Test-Runner

Vitest ist ein Test-Runner und -Framework, das immer beliebter wird. In diesem Kurs wird es immer dann verwendet, wenn spezifische Beispiele erforderlich sind. Viele der enthaltenen Beispiele sind jedoch generisch und gelten für das von Ihnen ausgewählte Framework.

Die meisten Läufer oder Test-Frameworks haben in der Regel viel gemeinsam, und dieser Kurs ist unabhängig vom gewählten Stack nützlich. Wir haben uns aus mehreren Gründen auf Vitest fokussiert:

  • Es ist modern und erfordert im Gegensatz zu anderen Test-Runnern nur sehr wenig Einrichtungs- oder Konfigurationsaufwand. Vitest basiert zwar auf dem Build-Tool Vite, funktioniert aber weiterhin mit vorhandenen Projekten.

  • Sie bietet außerdem großartige Unterstützung für die Arbeit mit EcmaScript Modules (ESM), einschließlich Mocking ganzer Importe. Es hat zwar einige Nachteile, ist aber stabiler als andere Tools.

Am wichtigsten ist jedoch, dass sie Jest eine weitgehend kompatible API bietet, die wahrscheinlich der beliebteste Runner ist. Die Art und Weise, wie Sie Ihre Tests strukturieren und gruppieren, ist jedoch in der Regel ähnlich, unabhängig davon, welches Framework Sie verwenden. Komplexere Funktionen wie komplizierte Test-Doubles neigen dazu, etwas weiter abzuweichen. In diesem Kurs werden sie mit Vitest beschrieben, er beschreibt aber immer auch die allgemeine Lösung.

Als Komponentenmodell reagieren

In diesem Kurs finden Sie zwar allgemeine Codebeispiele zum Testen von einfachem JavaScript, z. B. mathematische Funktionen, werden aber schnell zum Testen von React-Komponenten übergegangen, bevor später Webkomponenten allgemein und mit Lit getestet werden. In diesem Kurs wird auch Next.js verwendet.

Das ist eine praktische Entscheidung. Trotz der Kritik ist React das am häufigsten verwendete Framework der Teilnehmer der aktuellen State of JS-Umfrage.