Testing Av JavaScript kan være en smerte. Mange verktøy, teknikker og rammer er utviklet for å gjøre prosessen så smertefri som mulig. Mens Noen av disse verktøyene som Mocha, Jasmine og Jest gir en teststruktur, genererer Noen Andre Som Istanbul og Blanket kodedekningsrapporter også. Ulike metoder for testing Av JavaScript-kode i en nettleser har forskjellige prospekter og konsekvenser. Det er vanskelig å begrense på ett verktøy eller teknikk for alle løsninger!
La oss ta en rask titt på noen av de mest populære måtene å teste JavaScript-kode i en nettleser.
JSFiddle
Enten du jobber Med JavaScript eller rammer Som React og Vue, Er JSFiddle verktøyet for deg. Det er et nettbasert verktøy for å skrive Og teste JavaScript-kode i en nettleser. Den ble lansert som «Mooshell» i 2009. Hvis du jobber med et webprogram og bruker Noen Form For JavaScript-bibliotek, Er JSFiddle noe verdt å se. Grensesnittet er svært enkel, og du trenger bare å skrive Noen JavaScript eller legge TIL NOEN HTML og CSS til det og umiddelbart se resultatene. Test Dine JavaScript-kodebiter før du legger dem til prosjektet ditt ved Hjelp Av JSFiddle!
Cross Browser Testing Tools
selv om du enkelt kan bruke verktøy Som JSFiddle og CodePen til å teste JavaScript-koden din, vil disse ikke vise deg hvordan koden din sendes ut i forskjellige nettlesere eller mobilnettlesere. I tilfelle du ønsker å teste koden for cross-browser kompatibilitet må du bruke online cross-browser testverktøy som LambdaTest. Det muliggjør live interaktiv nettlesertesting, automatisert screenshot testing, responsiv layout testing, og smart visual UI testing. Verktøyet vil øke hastigheten på testsyklusene dine mye og hjelpe deg med nettleserspesifikke problemer i koden din.
Karma + Jasmine + Google Chrome
Karma er et verktøy som lar deg teste JavaScript-kode i en nettleser for mange testformål. Det tester imidlertid ikke selve koden. Den utfører koden, men er avhengig av tredjepartsbiblioteker som Jasmine og Mocha for testing. Bortsett fra det, krever det en ekte nettleser. Dermed Google Chrome må være installert på din lokale maskin for Denne Metoden For JavaScript til å fungere. Det lanserer Google Chrome i hodeløs modus for sin drift.
CodePen
CodePen er et av de beste online verktøyene for å teste HTML, CSS og JavaScript-koden online. Dette fellesskapet av utviklere har mye å lære! Dette open-source læringsmiljøet har sannsynligvis trolig det største fellesskapet av utviklere med hele 330000 registrerte brukere som kontinuerlig jobber for å utvikle fantastiske front-end-applikasjoner. Det er en av de beste plattformene for å bygge og distribuere et nettsted, vise verden arbeidet ditt og bygge testtilfeller.
JSBin
JSBin er et pent og rent alternativ Til JSFiddle. Hvis Du vil ha noe med en lettere å forstå og mindre rotete grensesnitt, Så JSBin er verktøyet for deg. Plattformen har en gratis og en pro-tilgang. For avanserte funksjoner som private hyller og ubegrenset dropbox-synkronisering må du gå pro, men du kan enkelt teste hvilken som helst kombinasjon AV HTML, CSS og JavaScript ved hjelp Av jsbin general access.
Liveweave
Liveweave Er enda en koding lekeplass hvor du kan teste Din JavaScript-kode. Den har live forhåndsvisning evner og er utstyrt med en linjal for å hjelpe deg med responsive design. Dens kode-hinting funksjon FOR HTML, CSS og JavaScript gjør det enkelt for nybegynnere å skrive inn koden. Bortsett fra det, kan du laste ned prosjektet som en .zip-fil ved Hjelp Av Liveweave og også legge til og bruke eksterne biblioteker som jQuery, AngularJS, Bootstrap etc. ganske enkelt i koden din.
dette var noen av de mest populære måtene å teste JavaScript-koden din i en nettleser. Bortsett fra dette, kan du også bruke verktøy som CSSDeck og Dabblet også. Disse er like gode og enkle å bruke. Bortsett fra Det, Firebug Og Chrome Utviklerverktøy Har Javascript-konsoll, der du kan skrive JavaScript-kode for utførelse. Det samme gjelder Internet Explorer 8+, Opera, Safari og potensielt mange andre moderne nettlesere.