Малко въведение в JS модулното тестване и неговата рамка и инструменти
Сценарият за кодиране на уеб разработката се промени експоненциално през последните няколко години. Светът преминава от конвенционалните езици за програмиране като Java, .NET и PHP. Те започнаха да се адаптират към рамката на JavaScript поради нейната лекота на използване във фронтенд, както и в бекенд и възможности за бързо създаване на прототипи.
С този преход идва и необходимостта от отлични инструменти за тестване. В тази статия ще ви преведа през някои от най-добрите инструменти за модулно тестване на javascript, използвани в индустрията.
Съдържание
Значение на модулното тестване
Преди да се впуснем в разбирането на наличните инструменти и техните предимства, нека разберем защо тестването на единици е важно.
Единичното тестване е процесът на тестване на внедрения код на ниво модул. Единичното тестване ви позволява да се уверите, че вашите разработени модули отговарят на изискванията, посочени в бизнес документа. Тези тестове се пишат за всеки модул, когато са създадени. След всяко разработване на нов модул се изпълнява целият набор от тестови случаи, за да се гарантира, че нито един съществуващ модул не е засегнат от разработения модул.
Разработката на Javascript може да стане доста неорганизирана, ако не се следват правилните конвенции. Това налага да се използват правилните инструменти за разработка и тестване на единици. Единичните тестове на Javascript за фронтенд се изпълняват главно на действителни или безглавни браузъри
Тези тестове се фокусират върху тестването на използваемостта и отзивчивостта на приложението. Рамките за тестване на бекенд единици се фокусират върху тестването на бизнес логиката и крайните точки на услугата за базиран на NodeJS бекенд код.
MochaJS
MochaJS е най-популярната рамка за тестване, която поддържа backend и frontend тестване. MochaJS е гъвкава база за разработване на тестове според нуждите ви. Той изпълнява тестовете асинхронно на Chrome v8 двигател или всеки друг браузър.
Основните предимства на мока включват:
- Работи както за фронтенд, така и за бекенд
- Поддържа NodeJS дебъгер
- Осигурява чиста база за разработване на тестове според удобството на програмиста
- Поддържа всеки браузър, включително headless chrome библиотека
- Поддържа подигравка на обекти за извършване на гъвкави бекенд тестове
Жасмин
Жасмин е имитатор на потребителско поведение, който ви позволява да извършвате тестови случаи, подобни на потребителското поведение на вашия уебсайт. Jasmine е полезен за тестване на интерфейса за видимост, яснота при щракване, както и отзивчивостта на потребителския интерфейс в различни резолюции. Jasmine позволява автоматизиране на потребителското поведение с митнически закъснения и време за изчакване, за да се симулира действителното потребителско поведение.
Основните ползи от използването на жасмин включват:
- По-ниски режийни разходи поради почти нулеви външни зависимости
- Предлага се с почти всеки необходим инструмент извън кутията
- Поддържа Frontend, както и Backend тестове
- Кодирането е доста подобно на писането на естествен език
- Обширна документация за използването му с няколко рамки
Вижте този брилянтен модулно тестване с онлайн курс Jasmine.
AVA
AVA е минималистична лека рамка за тестване, която използва асинхронния характер на Javascript. AVA може да извършва тестове едновременно.
Позволява ви почти пълен контрол върху това, което правите. Основно се фокусира върху провеждане на тестове за базиран на NodeJS код. Някои от предимствата включват:
- Лекият отпечатък го прави по-бърз
- Изпълнява тестове асинхронно и едновременно
- По-бързо от повечето други тестови рамки
- По-простият синтаксис за Javascript тестове
- По-чисти следи на стека за всякакви потенциални грешки, които са открити
ШЕГА
ШЕГА е една от най-популярните рамки, която се поддържа редовно от Facebook. Това е предпочитана рамка за базирани на React приложения, тъй като не изисква нулева конфигурация.
Въпреки това, той не е ограничен до използване с React. Някои от функциите на JEST са:
- Единична рамка, подходяща за NodeJS, VueJS, React, Angular и други базирани на Babel проекти
- По-лесно се издига от земята
- Добре документация и стандартен синтаксис на кодиране
- С моментни снимки на живо позволява управление на тестове с по-големи обекти
Карма
Карма е продуктивна среда за тестване, която поддържа цялата популярна рамка за описание на тестове в себе си. Той осигурява на вашето приложение поддръжка за изпълнение на тестове в различни среди. Има широка поддръжка за изпълнение на тестове на различни устройства и приложения.
Основният фактор за избор на Karma се крие в неговата поддръжка за интегриране с CI/CD машини и следните функции.
- Може да се използва за провеждане на тестове на браузъри, безглавни среди като PhantomJS, както и на устройства
- Поддържа тестове, написани в повечето популярни рамки
- Позволява отдалечено провеждане на тестове на други устройства само чрез идване на файлове
- Поддържа отстраняване на грешки в тестови случаи с помощта на Chrome, както и Webstorm
Лента
Лента е доста подобен на AVA в своята архитектура. Той не поддържа глобални стойности и следователно трябва да включите лента във всеки тестов файл. Това решение за ограничаване на глобирането на променливи също има своите предимства. Някои от основните характеристики:
- Изчистен лек отпечатък
- Предоставя само чист код и дава пълна свобода на разработчика да пише тестови случаи
- Поддържа стандарти ES6, Typescript и кафе скрипт
- Поддържа тестово изпълнение на повечето съвременни браузъри
Cypress.io
Кипарис е вълнуваща рамка за тестване, която практически работи в браузъра. Той предоставя интерактивен потребителски интерфейс на браузъра под формата на уеб страница. Може лесно да се инсталира на Mac, Windows, както и на Linux. Това е независим тестов инструмент, който не трябва да се интегрира тясно с вашия код.
Кукловод
Кукловод е отлична рамка за изпълнение на тестове, създадена от екип на Google. Той предоставя безвъзвратен chrome API за NodeJS приложения.
Puppeteer се използва предимно за приложения, специфични за браузъра, като тест за обхождане, тест за структура на страница, правене на екранни снимки и дори заснемане на предварително изобразено съдържание за приложения с една страница. Допълнителни предимства от използването на кукловод са:
- Възможност за задаване на персонализирани резолюции и размери за браузъра
- Поддръжка за тестване на разширения на Chrome
- Поддръжка за автоматизация за подаване на формуляр, тестване на потребителския интерфейс и въвеждане на клавиатура
- Поддържа функции на ES6 като изчакване и асинхронизация
ChaiJS
ChaiJS Framework се фокусира върху тестване, управлявано от поведението. Може да се използва паралелно с всяка друга рамка. Той съществува от доста време и се е развил с еволюцията на стандартите на Javascript.
ChaiJS работи с Node, браузър, rail и има страхотна общност за поддръжка и документация.
Кунит
Кунит – мощна рамка за тестване, предназначена за използване с интерфейс. Това е първият избор от разработчиците на библиотеките JQuery, JQuery Mobile и JQuery UI.
Може да бъде написан като независим JS файл и изпълнен на всяка уеб страница. Стандартният метод за тестване с помощта на Qunit е да включите файла в уеб страницата и да стартирате тестове с помощта на плъгина Qunit. Предимствата на QUnit включват:
- Може да се използва за изграждане на повторно използваеми тестови скриптове
- Осигурява готов за внедряване уеб интерфейс за визуален преглед на резултатите от тестовия случай
- Набор от добавки, изграден върху него, позволява по-бързо разработване на тестови случаи
Синон
Sinon.js допълва рамката за тестване на модули, за да фалшифицира/подиграва истинските неща. Защото по време на тестване – няма да имате всички данни! Поддържа времена за изпълнение на Chrome, IE 11, Firefox, Edge, Safari и Node.js.
Добра алтернатива на Sinon би била testdouble.js
Заключение
Единичното тестване е от съществено значение, за да се гарантира, че промените в кода не нарушават приложението и то работи според бизнес изискванията. И се надявам, че горното ще ви помогне с това. Ако сте начинаещ, това може да ви хареса онлайн курс който ви учи да правите JS модулно тестване с ChaiJS, Sinon и Mocha.