Test JavaScript può essere un dolore. Sono stati sviluppati molti strumenti, tecniche e framework per rendere il processo il più indolore possibile. Mentre alcuni di questi strumenti come Mocha, Jasmine e Jest forniscono una struttura di test, altri come Istanbul e Blanket generano anche rapporti di copertura del codice. Diversi metodi di test del codice JavaScript in un browser hanno prospettive e conseguenze diverse. È difficile restringere su uno strumento o tecnica per tutte le soluzioni!
Diamo una rapida occhiata ad alcuni dei modi più popolari per testare il codice JavaScript in un browser.
JSFiddle
Se stai lavorando con JavaScript o framework come React e Vue, JSFiddle è lo strumento che fa per te. Si tratta di uno strumento online per scrivere e testare il codice JavaScript in un browser. È stato lanciato come” Mooshell ” nel 2009. Se lavori su un’applicazione Web e usi qualsiasi tipo di libreria JavaScript, JSFiddle è qualcosa che vale la pena dare un’occhiata. L’interfaccia è estremamente semplice e devi solo digitare JavaScript o anche aggiungere HTML e CSS e vedere immediatamente i risultati. Prova i tuoi frammenti di codice JavaScript prima di aggiungerli al tuo progetto usando JSFiddle!
Strumenti di test cross Browser
Sebbene tu possa facilmente utilizzare strumenti come JSFiddle e CodePen per testare il tuo codice JavaScript, questi non ti mostreranno come il tuo codice viene emesso in diversi browser o browser mobili. Nel caso in cui si desideri testare il codice per la compatibilità cross-browser, è necessario utilizzare strumenti di test cross-browser online come LambdaTest. Esso consente live test del browser interattivo, test screenshot automatizzato, test di layout reattivo, e smart visual UI testing. Lo strumento velocizzerà molto i cicli di test e ti aiuterà con problemi specifici del browser nel tuo codice.
Karma + Jasmine + Google Chrome
Karma è uno strumento che consente di testare il codice JavaScript in un browser per un sacco di scopi di test. Tuttavia, non verifica il codice stesso. Esegue il codice ma si basa su librerie di terze parti come Jasmine e Mocha per il test. A parte questo, richiede un vero e proprio browser. Così Google Chrome deve essere installato sul computer locale per questo metodo di JavaScript per funzionare. Si lancia Google Chrome in modalità senza testa per il suo funzionamento.
CodePen
CodePen è uno dei migliori strumenti online per testare il tuo codice HTML, CSS e JavaScript online. Questa comunità di sviluppatori ha molto da insegnare! Questo ambiente di apprendimento open-source probabilmente ha probabilmente la più grande comunità di sviluppatori con un enorme 330000 utenti registrati che lavorano costantemente per lo sviluppo di incredibili applicazioni front-end. È una delle migliori piattaforme per creare e distribuire un sito web, mostrare al mondo il tuo lavoro e creare casi di test.
JSBin
JSBin è un’alternativa pulita e pulita a JSFiddle. Se vuoi qualcosa con un’interfaccia più facile da capire e meno ingombra, allora JSBin è lo strumento che fa per te. La piattaforma ha un libero e un pro-accesso. Per funzioni avanzate come bidoni privati e illimitato dropbox sync è necessario andare pro, tuttavia, si può facilmente testare qualsiasi combinazione di HTML, CSS e JavaScript utilizzando JSBin general access.
Liveweave
Liveweave è ancora un altro parco giochi di codifica in cui è possibile testare il codice JavaScript. Ha funzionalità di anteprima dal vivo ed è dotato di un righello per aiutarti nella progettazione reattiva. La sua funzione di suggerimento del codice per HTML, CSS e JavaScript rende facile per i principianti digitare il codice. Oltre a questo, è possibile scaricare il progetto come .file zip utilizzando Liveweave e anche aggiungere e utilizzare librerie esterne come jQuery, AngularJS, Bootstrap ecc. abbastanza facilmente nel tuo codice.
Questi erano alcuni dei modi più popolari per testare il codice JavaScript in un browser. Oltre a questo, si può anche utilizzare strumenti come CSSDeck e Dabblet troppo. Questi sono ugualmente buoni e facili da usare. Oltre a questo, Firebug e Chrome Developer Tools hanno Javascript console, dove è possibile digitare codice JavaScript per l’esecuzione. Lo stesso vale per Internet Explorer 8+, Opera, Safari e potenzialmente molti altri browser moderni.