Dodatek

Oto kilka dodatkowych pojęć i informacji, które mogą Ci pomóc w procesie tworzenia testów.

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.