Krótkie wprowadzenie do testowania jednostkowego w JavaScript, jego frameworków i narzędzi.
Sposób tworzenia stron internetowych uległ drastycznej zmianie w ostatnich latach. Odchodzimy od tradycyjnych języków programowania, takich jak Java, .NET i PHP. Coraz częściej wybierane są frameworki JavaScript, ze względu na ich prostotę w obszarze interfejsu użytkownika, backendu oraz szybkie prototypowanie.
Wraz z tą transformacją rośnie zapotrzebowanie na efektywne narzędzia do testowania. W tym artykule omówię niektóre z najpopularniejszych narzędzi do testowania jednostek JavaScript, używanych w branży.
Dlaczego testy jednostkowe są tak istotne?
Zanim przejdziemy do omówienia dostępnych narzędzi i ich zalet, warto zastanowić się, dlaczego testy jednostkowe są tak ważne.
Testy jednostkowe polegają na testowaniu kodu na poziomie pojedynczego modułu. Dzięki nim możemy upewnić się, że każdy moduł spełnia wymagania określone w dokumentacji. Te testy są tworzone dla każdego modułu w trakcie jego opracowywania. Po implementacji nowego modułu, uruchamiany jest cały zestaw testów, aby upewnić się, że nowy moduł nie zakłóca działania istniejących.
Kod JavaScript może stać się chaotyczny, jeśli nie przestrzega się odpowiednich zasad. Dlatego tak ważne jest stosowanie odpowiednich narzędzi programistycznych i testów jednostkowych. Testy jednostkowe JavaScript dla frontendu działają najczęściej w rzeczywistych lub tzw. bezgłowych przeglądarkach.
Testy te skupiają się na badaniu użyteczności i responsywności aplikacji. Natomiast frameworki testujące backend koncentrują się na weryfikacji logiki biznesowej i punktów końcowych usług dla kodu backendowego opartego na NodeJS.
MochaJS
MochaJS to popularny framework testowy, wspierający testy zarówno backendu, jak i frontendu. MochaJS stanowi elastyczną platformę do tworzenia testów dostosowanych do indywidualnych potrzeb. Testy są wykonywane asynchronicznie na silniku Chrome v8 lub w dowolnej przeglądarce.
Główne zalety MochaJS to:
- Działa zarówno w środowisku frontendowym, jak i backendowym
- Umożliwia debugowanie w NodeJS
- Zapewnia elastyczne środowisko do tworzenia testów, dopasowane do preferencji programisty
- Współpracuje z każdą przeglądarką, w tym bezgłową wersją Chrome
- Umożliwia mockowanie obiektów, co jest przydatne w testach backendowych
Jasmine
Jasmine to narzędzie do testowania zachowań, które pozwala tworzyć testy imitujące sposób, w jaki użytkownicy wchodzą w interakcję ze stroną internetową. Jasmine jest szczególnie przydatne do testowania interfejsu użytkownika pod kątem widoczności, klikalności i responsywności w różnych rozdzielczościach. Umożliwia automatyzację zachowań użytkownika z zadanymi opóźnieniami i czasami oczekiwania, aby wiernie symulować rzeczywiste interakcje.
Najważniejsze korzyści płynące z korzystania z Jasmine to:
- Niskie koszty ze względu na minimalne zależności zewnętrzne
- Większość potrzebnych narzędzi jest dostępna od razu po instalacji
- Wspiera testowanie zarówno frontendu, jak i backendu
- Składnia kodowania przypomina język naturalny
- Dostępna jest obszerna dokumentacja, umożliwiająca pracę z wieloma frameworkami
Sprawdź ten doskonały kurs online o testach jednostkowych z Jasmine.
AVA
AVA to minimalistyczny i lekki framework testowy, który wykorzystuje asynchroniczny charakter JavaScript. AVA umożliwia równoległe wykonywanie testów.
Daje dużą kontrolę nad procesem testowania. Skupia się głównie na uruchamianiu testów dla kodu opartego na NodeJS. Do jego zalet należą:
- Lekka konstrukcja przyspiesza działanie
- Umożliwia asynchroniczne i równoległe wykonywanie testów
- Jest szybszy od większości innych frameworków testowych
- Posiada prostszą składnię testów JavaScript
- Zapewnia czytelniejsze ślady stosu w przypadku wystąpienia błędów
Jest
Jest to jeden z najpopularniejszych frameworków, regularnie rozwijany przez Facebooka. Jest to preferowany framework dla aplikacji opartych na React, ponieważ nie wymaga dodatkowej konfiguracji.
Jednak jego zastosowanie nie ogranicza się tylko do Reacta. Oto niektóre z funkcji JEST:
- Jeden framework pasujący do NodeJS, VueJS, React, Angular i innych projektów opartych na Babel
- Łatwa konfiguracja i szybki start
- Dobrze napisana dokumentacja i standardowa składnia
- Dzięki migawkom umożliwia sprawne zarządzanie testami z wykorzystaniem dużych obiektów
Karma
Karma to produktywne środowisko testowe, które współpracuje z większością popularnych frameworków. Umożliwia uruchamianie testów w różnych środowiskach, na wielu urządzeniach i aplikacjach.
Głównym powodem, dla którego warto wybrać Karmę, jest jej integracja z silnikami CI/CD i następujące funkcje:
- Może być używana do uruchamiania testów w przeglądarkach, środowiskach bezgłowych, takich jak PhantomJS, a także na urządzeniach
- Wspiera testy napisane w większości popularnych frameworków
- Umożliwia zdalne uruchamianie testów na innych urządzeniach poprzez prostą wysyłkę plików
- Wspiera debugowanie testów za pomocą przeglądarki Chrome i Webstorm
Tape
Tape jest bardzo podobny do AVA pod względem architektury. Nie wspiera zmiennych globalnych, dlatego Tape musi być załączany do każdego pliku testowego. Ta decyzja o ograniczeniu globalizacji zmiennych ma swoje zalety. Niektóre z nich to:
- Lekka konstrukcja
- Zapewnia tylko kod bazowy, dając programistom pełną swobodę pisania testów
- Wspiera standardy ES6, TypeScript i CoffeeScript
- Umożliwia wykonywanie testów w większości nowoczesnych przeglądarek
Cypress.io
Cypress to ciekawy framework testowy, który działa bezpośrednio w przeglądarce. Posiada interaktywny interfejs użytkownika w postaci strony internetowej. Jest łatwy w instalacji na komputerach z systemami Mac, Windows i Linux. Działa niezależnie i nie wymaga ścisłej integracji z kodem.
Puppeteer
Puppeteer to platforma stworzona przez Google do automatyzacji testów. Udostępnia bezgłowy interfejs API Chrome dla aplikacji NodeJS.
Puppeteer jest najczęściej stosowany do testowania aplikacji specyficznych dla przeglądarek, takich jak testy indeksowania, testy struktury strony, robienie zrzutów ekranu, a nawet przechwytywanie wstępnie renderowanej zawartości dla aplikacji jednostronicowych. Dodatkowe zalety korzystania z Puppeteer to:
- Możliwość ustawiania niestandardowych rozdzielczości i rozmiarów przeglądarki
- Wsparcie testowania rozszerzeń Chrome
- Automatyzacja przesyłania formularzy, testowanie interfejsu użytkownika i wprowadzanie danych z klawiatury
- Obsługa funkcji ES6, takich jak async i await
ChaiJS
ChaiJS to framework skoncentrowany na testach opartych na zachowaniu. Może być używany równolegle z dowolnym innym frameworkiem. Jest rozwijany od dłuższego czasu i ewoluował wraz ze standardami JavaScript.
ChaiJS współpracuje z Node, przeglądarkami i ma silną społeczność i obszerną dokumentację.
Qunit
Qunit to zaawansowana platforma testowa przeznaczona dla frontendu. Jest pierwszym wyborem twórców bibliotek JQuery, JQuery Mobile i JQuery UI.
Może być zapisany jako niezależny plik JS i uruchomiony na dowolnej stronie internetowej. Standardowym sposobem testowania z Qunit jest umieszczenie pliku na stronie internetowej i uruchomienie testów za pomocą wtyczki Qunit. Zalety Qunit to:
- Umożliwia tworzenie skryptów testowych wielokrotnego użytku
- Zapewnia gotowy interfejs webowy do wizualnego przeglądania wyników testów
- Dostępna pula wtyczek przyspiesza tworzenie testów
Sinon
Sinon.js uzupełnia platformę testów jednostkowych, umożliwiając tworzenie atrap (mocków) rzeczywistych obiektów. Podczas testowania często nie dysponujemy wszystkimi danymi, a Sinon pozwala to obejść. Współpracuje z Chrome, IE 11, Firefox, Edge, Safari i Node.js.
Alternatywą dla Sinon jest testdouble.js.
Podsumowanie
Testy jednostkowe są niezbędne, aby zapewnić, że zmiany w kodzie nie spowodują awarii aplikacji i że będzie ona działać zgodnie z wymaganiami biznesowymi. Mam nadzieję, że powyższy artykuł będzie dla Ciebie pomocny. Jeśli jesteś początkujący, polecam Ci kurs online, który uczy wykonywania testów jednostkowych JS z ChaiJS, Sinon i Mocha.
newsblog.pl