testa JavaScript kan vara en smärta. Många verktyg, tekniker och ramar har utvecklats för att göra processen så smärtfri som möjligt. Medan vissa av dessa verktyg som mocka, Jasmine och Jest ger en teststruktur, genererar vissa andra som Istanbul och Blanket också kodtäckningsrapporter. Olika metoder för att testa JavaScript-kod i en webbläsare har olika utsikter och konsekvenser. Det är svårt att begränsa sig till ett verktyg eller teknik för alla lösningar!
Låt oss ta en snabb titt på några av de mest populära sätten att testa JavaScript-kod i en webbläsare.
JSFiddle
oavsett om du arbetar med JavaScript eller ramar som React och Vue, är JSFiddle verktyget för dig. Det är ett onlineverktyg för att skriva och testa JavaScript-kod i en webbläsare. Det lanserades som ”Mooshell” 2009. Om du arbetar på en webbapplikation och använder någon form av JavaScript-bibliotek är JSFiddle något värt en titt. Gränssnittet är extremt enkelt och du behöver bara skriva lite JavaScript eller till och med lägga till lite HTML och CSS till det och omedelbart se resultaten. Testa dina JavaScript – kodavsnitt innan du lägger till dem i ditt projekt med JSFiddle!
Cross Browser testverktyg
även om du enkelt kan använda verktyg som JSFiddle och CodePen för att testa din JavaScript-kod, kommer dessa inte att visa dig hur din kod matas ut i olika webbläsare eller mobila webbläsare. Om du vill testa din kod för kompatibilitet mellan webbläsare måste du använda testverktyg för online-webbläsare som LambdaTest. Det möjliggör live interaktiv webbläsartestning, automatiserad skärmdumpstestning, responsiv layouttestning och smart visuell UI-testning. Verktyget kommer att påskynda dina testcykler mycket och hjälpa dig med webbläsarspecifika problem i din kod.
Karma + Jasmine + Google Chrome
Karma är ett verktyg som låter dig testa JavaScript-kod i en webbläsare för många teständamål. Det testar dock inte själva koden. Den kör koden men förlitar sig på tredjepartsbibliotek som Jasmine och Mocha för testning. Bortsett från det kräver det en riktig webbläsare. Således måste Google Chrome installeras på din lokala maskin för att den här metoden för JavaScript ska fungera. Det lanserar Google Chrome i huvudlöst läge för dess funktion.
CodePen
CodePen är ett av de bästa onlineverktygen för att testa din HTML -, CSS-och JavaScript-kod online. Denna gemenskap av utvecklare har mycket att lära! Denna öppen källkod inlärningsmiljö har förmodligen förmodligen den största gemenskap av utvecklare med en jättestor 330000 registrerade användare ständigt arbetar för att utveckla fantastiska front-end applikationer. Det är en av de bästa plattformarna för att bygga och distribuera en webbplats, visa världen ditt arbete och bygga testfall.
JSBin
JSBin är ett snyggt och rent alternativ till JSFiddle. Om du vill ha något med ett lättare att förstå och mindre rörigt gränssnitt, är JSBin verktyget för dig. Plattformen har en fri och en pro-access. För avancerade funktioner som privata fack och obegränsad dropbox-synkronisering måste du gå pro, men du kan enkelt testa alla kombinationer av HTML, CSS och JavaScript med JSBin general access.
Liveweave
Liveweave är ännu en kodning lekplats där du kan testa din JavaScript-kod. Den har Live förhandsvisning kapacitet och är utrustad med en linjal för att hjälpa dig med lyhörd design. Dess kod-hinting funktion för HTML, CSS och JavaScript gör det enkelt för nybörjare att skriva koden. Bortsett från det kan du ladda ner ditt projekt som en .zip-fil med Liveweave och även lägga till och använda externa bibliotek som jQuery, AngularJS, Bootstrap etc. ganska lätt i din kod.
dessa var några av de mest populära sätten att testa din JavaScript-kod i en webbläsare. Bortsett från detta kan du till och med använda verktyg som CSSDeck och Dabblet också. Dessa är lika bra och lätta att använda. Bortsett från det har Firebug och Chrome Developer Tools Javascript-konsol, där du kan skriva JavaScript-kod för körning. Detsamma gäller Internet Explorer 8+, Opera, Safari och potentiellt många andra moderna webbläsare.