Malý úvod do testování jednotek JS a jeho rámce a nástrojů
Scénář kódování vývoje webu se za posledních několik let exponenciálně změnil. Svět přechází z konvenčních programovacích jazyků jako Java, .NET a PHP. Začali se přizpůsobovat frameworku JavaScript kvůli jeho snadnému použití ve frontendu, stejně jako backendu a schopnostem rychlého prototypování.
S tímto přechodem přichází také potřeba vynikajících testovacích nástrojů. V tomto článku vás provedu některými z nejlepších nástrojů pro testování jednotek javascriptu, které se v tomto odvětví používají.
Table of Contents
Význam Unit testování
Než se pustíme do pochopení dostupných nástrojů a jejich výhod, pochopme, proč je testování jednotek důležité.
Unit testing je proces testování implementovaného kódu na úrovni modulu. Testování jednotek vám umožňuje zajistit, že vaše vyvinuté moduly splňují požadavky specifikované v obchodním dokumentu. Tyto testy jsou psány pro každý modul tak, jak jsou vytvářeny. Po každém vývoji nového modulu se spustí celá sada testovacích případů, aby se zajistilo, že vyvinutý modul neovlivní žádné existující moduly.
Vývoj Javascriptu by mohl být docela neorganizovaný, pokud nebudou dodržovány správné konvence. To vyžaduje použití správných nástrojů pro vývoj a testování jednotek. Javascript unit testy pro frontend běží hlavně na skutečných nebo bezhlavých prohlížečích
Tyto testy se zaměřují na testování použitelnosti a odezvy aplikace. Rámce pro testování backendových jednotek se zaměřují na testování obchodní logiky a koncových bodů služeb pro backendový kód založený na NodeJS.
MochaJS
MochaJS je nejpopulárnější testovací framework, který podporuje backendové a frontendové testování. MochaJS je flexibilní základna pro vývoj testů, jak potřebujete. Spouští testy asynchronně na enginu Chrome v8 nebo na jakémkoli jiném prohlížeči.
Mezi hlavní výhody Mocha patří:
- Funguje pro frontend i backend
- Podpora debuggeru NodeJS
- Poskytuje čistý základ pro vývoj testů podle pohodlí vývojáře
- Podporuje jakýkoli prohlížeč včetně knihovny headless chrom
- Podporuje zesměšňování objektů pro provádění flexibilních backendových testů
Jasmín
Jasmín je napodobovač uživatelského chování, který vám umožňuje provádět testovací případy podobné chování uživatelů na vašem webu. Jasmine je užitečný pro testování frontendu pro viditelnost, srozumitelnost kliknutí a také pro odezvu uživatelského rozhraní v různých rozlišeních. Jasmine umožňuje automatizovat chování uživatele s celním zpožděním a čekací dobu na simulaci skutečného chování uživatele.
Mezi hlavní výhody používání Jasmine patří:
- Nižší režie díky téměř nulovým externím závislostem
- Dodává se s téměř všemi potřebnými nástroji po vybalení
- Podporuje frontend i backend testy
- Kódování je velmi podobné psaní v přirozeném jazyce
- Rozsáhlá dokumentace pro použití s několika frameworky
Podívejte se na tento skvělý testování jednotek s online kurzem Jasmine.
AVA
AVA je minimalistický odlehčený testovací rámec, který využívá asynchronní povahu Javascriptu. AVA může provádět testy souběžně.
Umožňuje vám téměř úplnou kontrolu nad tím, co děláte. Primárně se zaměřuje na spouštění testů pro kód založený na NodeJS. Některé z výhod zahrnují:
- Díky lehké stopě je to rychlejší
- Spouští testy asynchronně a souběžně
- Rychlejší než většina ostatních testovacích rámců
- Jednodušší syntaxe pro testy JavaScriptu
- Čistší trasování zásobníku pro případné zjištěné chyby
ŽERT
ŽERT je jedním z nejpopulárnějších frameworků, který Facebook pravidelně udržuje. Je to preferovaný rámec pro aplikace založené na React, protože vyžaduje nulovou konfiguraci.
Není však omezeno na použití s Reactem. Některé z funkcí JEST jsou:
- Jediný framework vhodný pro NodeJS, VueJS, React, Angular a další projekty založené na Babelu
- Snáze se odlepí od země
- Dokumentace a standardní syntaxe kódování
- S živými snímky umožňuje správu testů s většími objekty
Karma
Karma je produktivní testovací prostředí, které v sobě podporuje veškerý oblíbený rámec pro popis testů. Poskytuje vaší aplikaci podporu pro provádění testů v různých prostředích. Má širokou podporu pro provádění testů na různých zařízeních a aplikacích.
Primárním faktorem pro výběr Karmy je podpora integrace s motory CI/CD a následující funkce.
- Lze jej použít ke spouštění testů v prohlížečích, bezhlavých prostředích, jako je PhantomJS, i na zařízeních
- Podporuje testy napsané ve většině populárních frameworků
- Umožňuje vzdáleně spouštět testy na jiných zařízeních právě přicházejícími soubory
- Podporuje ladění testovacích případů pomocí Chrome a Webstormu
Páska
Páska je svou architekturou velmi podobný AVA. Nepodporuje globals, a proto musíte do každého testovacího souboru zahrnout pásku. Toto rozhodnutí omezit globování proměnných má také své výhody. Některé z funkcí zdůrazňují:
- Čistá lehká stopa
- Poskytuje pouze holý kód a dává vývojářům úplnou svobodu při psaní testovacích případů
- Podporuje standardy ES6, Typescript a coffee script
- Podporuje provádění testů na většině moderních prohlížečů
Cypress.io
Cypřiš je vzrušující testovací rámec, který prakticky běží v prohlížeči. Poskytuje interaktivní uživatelské rozhraní v prohlížeči ve formě webové stránky. Lze jej snadno nainstalovat na Mac, Windows i Linux. Je to nezávislý testovací běžec, který se nemusí úzce integrovat s vaším kódem.
Loutkář
Loutkář je vynikající rámec pro provádění testů vytvořený týmem společnosti Google. Poskytuje bezhlavé chrome API pro aplikace NodeJS.
Puppeteer se primárně používá pro aplikace specifické pro prohlížeč, jako je test procházení, test struktury stránky, pořizování snímků obrazovky a dokonce zachycení předem vykresleného obsahu pro aplikace na jedné stránce. Další výhody používání loutkáře jsou:
- Možnost nastavit vlastní rozlišení a velikosti pro prohlížeč
- Podpora pro testování rozšíření pro Chrome
- Podpora automatizace pro odesílání formulářů, testování uživatelského rozhraní a vstupy z klávesnice
- Podporuje funkce ES6, jako je čekání a async
ChaiJS
ChaiJS framework se zaměřuje na testování řízené chováním. Může být použit paralelně s jakýmkoli jiným rámcem. Existuje již nějakou dobu a vyvíjel se s vývojem standardů Javascriptu.
ChaiJS spolupracuje s Node, prohlížečem, železnicí a má skvělou komunitu podpory a dokumentaci.
Qunit
Qunit – výkonný testovací rámec určený pro použití s frontendem. Je to první volba vývojářů knihoven JQuery, JQuery Mobile a JQuery UI.
Může být napsán jako nezávislý soubor JS a spuštěn na jakékoli webové stránce. Standardní metodou testování pomocí Qunit je zahrnout soubor na webovou stránku a spustit testy pomocí pluginu Qunit. Mezi výhody QUnit patří:
- Může být použit k vytvoření opakovaně použitelných testovacích skriptů
- Poskytuje webové rozhraní připravené k nasazení pro vizuální prohlížení výstupů testovacích případů
- Soubor pluginů, které jsou na něm postavené, umožňuje rychlejší vývoj testovacích případů
Sinon
Sinon.js doplňuje rámec testování jednotek k předstírání/zesměšňování skutečných věcí. Protože během testování – nebudete mít všechna data! Podporuje běhové prostředí Chrome, IE 11, Firefox, Edge, Safari a Node.js.
Dobrá alternativa k Sinon by byla testdouble.js
Závěr
Testování jednotek je nezbytné, aby se zajistilo, že změny kódu nenaruší aplikaci a funguje podle obchodních požadavků. A doufám, že výše uvedené vám s tím pomůže. Pokud jste nováček, může se vám to líbit online kurz který vás naučí provádět testování jednotek JS s ChaiJS, Sinon a Mocha.