Małe wprowadzenie do testów jednostkowych JS oraz jego frameworka i narzędzi
Scenariusz kodowania tworzenia stron internetowych zmienił się wykładniczo w ciągu ostatnich kilku lat. Świat przechodzi od konwencjonalnych języków programowania, takich jak Java, .NET i PHP. Zaczęli dostosowywać się do frameworka JavaScript ze względu na jego łatwość użycia w interfejsie, a także w backendzie i możliwościach szybkiego prototypowania.
Wraz z tym przejściem pojawia się również zapotrzebowanie na doskonałe narzędzia do testowania. W tym artykule przeprowadzę Cię przez niektóre z najlepszych narzędzi do testowania jednostek javascript używanych w branży.
Spis treści:
Znaczenie testów jednostkowych
Zanim przejdziemy do zrozumienia dostępnych narzędzi i ich zalet, zastanówmy się, dlaczego testy jednostkowe są ważne.
Testy jednostkowe to proces testowania zaimplementowanego kodu na poziomie modułu. Testy jednostkowe pozwalają upewnić się, że opracowane moduły spełniają wymagania określone w dokumencie biznesowym. Te testy są pisane dla każdego modułu w miarę ich tworzenia. Po każdym opracowaniu nowego modułu uruchamiany jest cały zestaw przypadków testowych, aby upewnić się, że opracowany moduł nie ma wpływu na żadne istniejące moduły.
Programowanie JavaScript może stać się dość niezorganizowane, jeśli nie będą przestrzegane odpowiednie konwencje. To sprawia, że konieczne jest wykorzystanie odpowiednich narzędzi programistycznych i testów jednostkowych. Testy jednostkowe Javascript dla frontendu działają głównie w rzeczywistych lub bezgłowych przeglądarkach
Testy te koncentrują się na testowaniu użyteczności i responsywności aplikacji. Ramy testowania jednostek zaplecza koncentrują się na testowaniu logiki biznesowej i punktów końcowych usług dla kodu zaplecza opartego na NodeJS.
MochaJS
MochaJS to najpopularniejszy framework testowy wspierający testy backendowe i frontendowe. MochaJS to elastyczna baza do tworzenia testów zgodnie z potrzebami. Uruchamia testy asynchronicznie na silniku Chrome v8 lub dowolnej innej przeglądarce.
Główne zalety Mokki to:
- Działa zarówno dla frontendu, jak i backendu
- Obsługa debugera NodeJS
- Zapewnia czystą bazę do opracowywania testów zgodnie z wygodą programisty
- Obsługuje każdą przeglądarkę, w tym bezgłową bibliotekę Chrome
- Obsługuje szyderstwo obiektów w celu przeprowadzania elastycznych testów zaplecza
Jaśmin
Jaśmin to narzędzie do naśladowania zachowań użytkowników, które pozwala przeprowadzać przypadki testowe podobne do zachowań użytkowników w Twojej witrynie. Jasmine jest przydatna do testowania interfejsu użytkownika pod kątem widoczności, przejrzystości kliknięć, a także responsywności interfejsu użytkownika w różnych rozdzielczościach. Jasmine pozwala zautomatyzować zachowanie użytkownika z opóźnieniami celnymi i czasem oczekiwania, aby symulować rzeczywiste zachowanie użytkownika.
Główne korzyści płynące ze stosowania Jasmine to:
- Niższe koszty ogólne ze względu na prawie zerowe zależności zewnętrzne
- W zestawie prawie każde wymagane narzędzie po wyjęciu z pudełka
- Obsługuje zarówno testy Frontendu, jak i Backendu
- Kodowanie jest bardzo podobne do pisania w języku naturalnym
- Obszerna dokumentacja do używania z kilkoma frameworkami
Sprawdź to genialne testy jednostkowe z kursem online Jasmine.
AWA
AWA to minimalistyczny, lekki framework do testowania, który wykorzystuje asynchroniczny charakter JavaScript. AVA może wykonywać testy jednocześnie.
Pozwala na niemal całkowitą kontrolę nad tym, co robisz. Skupia się przede wszystkim na uruchamianiu testów dla kodu opartego na NodeJS. Niektóre korzyści obejmują:
- Lekki ślad sprawia, że jest szybszy
- Uruchamia testy asynchronicznie i współbieżnie
- Szybciej niż większość innych frameworków testowych
- Prostsza składnia testów JavaScript
- Czystsze ślady stosu dla wszelkich wykrytych potencjalnych błędów
ŻART
ŻART jest jednym z najpopularniejszych frameworków, który jest regularnie utrzymywany przez Facebooka. Jest to preferowany framework dla aplikacji opartych na React, ponieważ nie wymaga konfiguracji.
Jednak nie ogranicza się to do użycia z React. Niektóre z funkcji JEST to:
- Pojedynczy framework pasujący do NodeJS, VueJS, React, Angular i innych projektów opartych na Babel
- Łatwiej oderwać się od ziemi
- Dobra dokumentacja i standardowa składnia kodowania
- Dzięki migawkom na żywo umożliwia zarządzanie testami z większymi obiektami
Karma
Karma to produktywne środowisko testowe, które obsługuje wszystkie popularne ramy opisu testów. Zapewnia Twojej aplikacji wsparcie w wykonywaniu testów w różnych środowiskach. Ma szerokie wsparcie dla wykonywania testów na różnych urządzeniach i aplikacjach.
Głównym czynnikiem decydującym o wyborze Karmy jest jej wsparcie integracji z silnikami CI/CD i następującymi funkcjami.
- Może być używany do uruchamiania testów w przeglądarkach, środowiskach headless, takich jak PhantomJS, a także na urządzeniach
- Obsługuje testy napisane w większości popularnych frameworków
- Pozwala na zdalne uruchamianie testów na innych urządzeniach, po prostu przesyłając pliki
- Obsługuje debugowanie przypadków testowych przy użyciu przeglądarki Chrome i Webstorm
Taśma
Taśma jest bardzo podobny do AVA w swojej architekturze. Nie obsługuje globali, dlatego musisz dołączyć taśmę do każdego pliku testowego. Ta decyzja o ograniczeniu globowania zmiennych ma również swoje zalety. Niektóre funkcje podkreślają:
- Czysty lekki ślad
- Zapewnia tylko kod bare-metal i daje programistom pełną swobodę pisania przypadków testowych
- Obsługuje standardy ES6, TypeScript i coffee script
- Obsługuje wykonywanie testów w większości nowoczesnych przeglądarek
Cypress.io
Cyprys to ekscytujący framework do testowania, który praktycznie działa w przeglądarce. Zapewnia interaktywny interfejs użytkownika w przeglądarce w postaci strony internetowej. Można go łatwo zainstalować na komputerach Mac, Windows i Linux. Jest to niezależny program do przeprowadzania testów, który nie musi ściśle integrować się z Twoim kodem.
Lalkarz
Lalkarz to doskonała platforma do wykonywania testów zbudowana przez zespół Google. Zapewnia bezgłowy interfejs API Chrome dla aplikacji NodeJS.
Puppeteer jest używany głównie do aplikacji specyficznych dla przeglądarki, takich jak test indeksowania, test struktury strony, robienie zrzutów ekranu, a nawet przechwytywanie wstępnie renderowanej treści dla aplikacji jednostronicowych. Dodatkowe korzyści z używania lalkarza to:
- Możliwość ustawienia niestandardowych rozdzielczości i rozmiarów dla przeglądarki
- Obsługa testowania rozszerzeń Chrome
- Obsługa automatyzacji przesyłania formularzy, testowania interfejsu użytkownika i wprowadzania danych z klawiatury
- Obsługuje funkcje ES6, takie jak oczekiwanie i asynchronizacja
ChaiJS
ChaiJS framework koncentruje się na testowaniu opartym na zachowaniu. Może być używany równolegle z dowolnym innym frameworkiem. Istnieje już od dłuższego czasu i ewoluował wraz z ewolucją standardów JavaScript.
ChaiJS współpracuje z Node, przeglądarkami, koleją i ma świetną społeczność wsparcia i dokumentację.
Qunit
Qunit – potężna platforma testowa dedykowana do użycia z frontendem. Jest pierwszym wyborem twórców bibliotek JQuery, JQuery Mobile i JQuery UI.
Może być napisany jako niezależny plik JS i uruchamiany na dowolnej stronie internetowej. Standardową metodą testowania za pomocą Qunit jest umieszczenie pliku na stronie internetowej i uruchomienie testów za pomocą wtyczki Qunit. Korzyści z QUnit obejmują:
- Może być używany do tworzenia skryptów testowych wielokrotnego użytku
- Zapewnia gotowy do wdrożenia interfejs sieciowy do wizualnego przeglądania wyników przypadków testowych
- Zbudowana na nim pula wtyczek umożliwia szybsze tworzenie przypadków testowych
Sinon
Sinon.js uzupełnia platformę testów jednostkowych, aby fałszować / kpić z prawdziwych rzeczy. Ponieważ podczas testowania – nie będziesz mieć wszystkich danych! Obsługuje środowiska wykonawcze Chrome, IE 11, Firefox, Edge, Safari i Node.js.
Dobrą alternatywą dla Sinona byłoby testdouble.js
Wniosek
Testy jednostkowe są niezbędne, aby zapewnić, że zmiany kodu nie spowodują awarii aplikacji i że będzie ona działać zgodnie z wymaganiami biznesowymi. I mam nadzieję, że powyższe ci w tym pomoże. Jeśli jesteś nowicjuszem, może ci się to spodobać kurs online który uczy Cię wykonywania testów jednostkowych JS z ChaiJS, Sinon i Mocha.