testarea JavaScript poate fi o durere. O mulțime de instrumente, tehnici și cadre au fost dezvoltate pentru a face procesul cât mai nedureros posibil. În timp ce unele dintre aceste instrumente precum Mocha, Jasmine și Jest oferă o structură de testare, altele precum Istanbul și Blanket generează și rapoarte de acoperire a codului. Diferitele metode de testare a codului JavaScript într-un browser au perspective și consecințe diferite. Este greu pentru a restrânge pe un instrument sau tehnica pentru toate soluțiile!
să aruncăm o privire rapidă la unele dintre cele mai populare moduri de a testa codul JavaScript într-un browser.
JSFiddle
fie că lucrați cu JavaScript sau cadre precum React și Vue, JSFiddle este instrumentul pentru dvs. Este un instrument online pentru a scrie și testa codul JavaScript într-un browser. A fost lansat ca „Mooshell” în 2009. Dacă lucrați la o aplicație web și utilizați orice fel de bibliotecă JavaScript, atunci JSFiddle merită o privire. Interfața este extrem de simplă și trebuie doar să tastați unele JavaScript sau chiar adăuga unele HTML și CSS să-l și a vedea instantaneu rezultatele. Testați fragmentele de cod JavaScript înainte de a le adăuga la proiect folosind JSFiddle!
instrumente de testare a browserului încrucișat
deși puteți utiliza cu ușurință instrumente precum JSFiddle și CodePen pentru a testa codul JavaScript, acestea nu vă vor arăta cum iese codul dvs. în diferite browsere sau browsere mobile. În cazul în care doriți să testați codul pentru compatibilitatea cross-browser, trebuie să utilizați instrumente de testare online cross-browser, cum ar fi LambdaTest. Permite testarea interactivă a browserului live, testarea automată a capturilor de ecran, testarea aspectului receptiv și testarea inteligentă a interfeței vizuale. Instrumentul va accelera mult ciclurile de testare și vă va ajuta cu probleme specifice browserului în codul dvs.
Karma + Jasmine + Google Chrome
Karma este un instrument care vă permite să testați codul JavaScript într-un browser pentru o mulțime de scopuri de testare. Cu toate acestea, nu testează codul în sine. Execută codul, dar se bazează pe biblioteci terțe precum Jasmine și mocha pentru testare. În afară de asta, este nevoie de un browser real. Astfel, Google Chrome trebuie să fie instalat pe mașina dvs. locală pentru ca această metodă de JavaScript să funcționeze. Lansează Google Chrome în modul fără cap pentru funcționarea sa.
CodePen
CodePen este unul dintre cele mai bune instrumente online pentru a testa codul HTML, CSS și JavaScript online. Această comunitate de dezvoltatori are multe de învățat! Acest mediu de învățare open-source are probabil cea mai mare comunitate de dezvoltatori cu un număr enorm de utilizatori înregistrați 330000 care lucrează în mod constant pentru a dezvolta aplicații front-end uimitoare. Este una dintre cele mai bune platforme pentru a construi și implementa un site web, a arăta lumii munca ta și a construi cazuri de testare.
JSBin
JSBin este o alternativă curată și curată la JSFiddle. Dacă doriți ceva cu o interfață mai ușor de înțeles și mai puțin aglomerată, atunci JSBin este instrumentul pentru dvs. Platforma are un gratuit și un pro-acces. Pentru funcții avansate, cum ar fi containerele private și sincronizarea nelimitată a dropbox, trebuie să mergeți pro, cu toate acestea, puteți testa cu ușurință orice combinație de HTML, CSS și JavaScript folosind jsbin general access.
Liveweave
Liveweave este încă un alt loc de joacă de codificare unde puteți testa codul JavaScript. Are capabilități de previzualizare live și vine echipat cu o riglă pentru a vă ajuta cu proiectarea receptivă. Caracteristica sa de a sugera codul pentru HTML, CSS și JavaScript facilitează introducerea codului pentru începători. În afară de asta, puteți descărca proiectul dvs. ca .fișier zip folosind Liveweave și, de asemenea, adăugați și utilizați biblioteci externe, cum ar fi jQuery, AngularJS, Bootstrap etc. destul de ușor în codul.
acestea au fost unele dintre cele mai populare moduri de a testa codul JavaScript într-un browser. În afară de aceasta, puteți utiliza chiar și instrumente precum CSSDeck și Dabblet. Acestea sunt la fel de bune și ușor de utilizat. În afară de asta, Firebug și Chrome Developer Tools au consola Javascript, unde puteți tasta cod JavaScript pentru execuție. Același lucru este valabil pentru Internet Explorer 8+, Opera, Safari și, eventual, o mulțime de alte browsere moderne.