Oto kilka dodatkowych pojęć i informacji, które mogą Ci pomóc w procesie tworzenia testów.
Vitest jako narzędzie do testowania
Vitest to framework i test runner, których popularność stale rośnie. W tym kursie używamy go zawsze, gdy potrzebne są konkretne przykłady, ale wiele z załączonych przykładów jest uniwersalnych i można je zastosować w dowolnej wybranej przez Ciebie platformie.
Większość narzędzi do uruchamiania testów i ramek testów ma wiele wspólnego, a ten kurs będzie przydatny niezależnie od wybranego zestawu technologii. Zdecydowaliśmy się skupić na Vitest z kilku powodów:
Jest nowoczesny i w odróżnieniu od innych narzędzi do testowania wymaga bardzo mało pracy na etapie konfiguracji. Narzędzie to zostało stworzone na podstawie Vite, ale działa też z dotychczasowymi projektami.
Świetnie współpracuje też z modułami EcmaScript (ESM), m.in. naśmiewa się z całych importów. Chociaż ma niektóre ograniczenia, jest bardziej stabilny niż inne narzędzia.
Co najważniejsze, jest to interfejs API w dużej mierze zgodny z Jest, który jest prawdopodobnie najpopularniejszą implementacją. Jednak sposób tworzenia struktury i grupowania testów jest zwykle podobny niezależnie od tego, z jakiego frameworku korzystasz. Bardziej zaawansowane funkcje, takie jak skomplikowane podwójne testy, mają tendencję do większych odchyleń. W tym kursie używamy Vitest do opisu tych problemów, ale zawsze podajemy też ogólne rozwiązanie.
React jako model komponentu
W tym kursie przedstawiamy ogólne przykłady kodu do testowania prostego kodu JavaScript, na przykład funkcji matematycznych, ale szybko przechodzimy do testowania komponentów React, a później do ogólnego testowania komponentów sieciowych i zastosowania Lit. W tym kursie używamy też Next.js.
Jest to praktyczny wybór. Pomimo krytyki React jest najczęściej używanym frameworkiem przez uczestników ankiety State of JS.