testování JavaScript může být bolest. Bylo vyvinuto mnoho nástrojů, technik a rámců, aby byl proces co nejbolestivější. Zatímco některé z těchto nástrojů, jako je Mocha, Jasmine a Jest, poskytují testovací strukturu, některé další, jako je Istanbul a Blanket, generují také zprávy o pokrytí kódem. Různé metody testování kódu JavaScript v prohlížeči mají různé vyhlídky a důsledky. Je těžké zúžit jeden nástroj nebo techniku pro všechna řešení!
pojďme se rychle podívat na některé z nejpopulárnějších způsobů testování kódu JavaScript v prohlížeči.
JSFiddle
ať už pracujete s JavaScriptem nebo frameworky jako React a Vue, JSFiddle je nástroj pro vás. Jedná se o online nástroj pro psaní a testování kódu JavaScript v prohlížeči. Byl spuštěn jako „Mooshell“ v roce 2009. Pokud pracujete na webové aplikaci a používáte jakoukoli knihovnu JavaScriptu, pak JSFiddle stojí za to se podívat. Rozhraní je velmi jednoduché a stačí zadat nějaký JavaScript nebo dokonce přidat nějaké HTML a CSS a okamžitě vidět výsledky. Otestujte si své JavaScript úryvky kódu před jejich přidáním do projektu pomocí JSFiddle!
Cross Prohlížeč Testování Nástroje
i když můžete snadno používat nástroje, jako JSFiddle a CodePen otestovat váš kód v Javascriptu, tato nebude vám ukázat, jak váš kód výstupy v různých prohlížečích či mobilních prohlížečů. V případě, že chcete otestovat svůj kód pro kompatibilitu mezi prohlížeči, musíte použít online nástroje pro testování mezi prohlížeči, jako je LambdaTest. Umožňuje živé interaktivní testování prohlížeče, automatické testování snímků obrazovky, citlivé testování rozvržení a inteligentní testování vizuálního uživatelského rozhraní. Tento nástroj hodně urychlí vaše testovací cykly a pomůže vám s konkrétními problémy prohlížeče ve vašem kódu.
Karma + Jasmine + Google Chrome
Karma je nástroj, který vám umožní testovat kód JavaScript v prohlížeči pro mnoho testovacích účelů. Samotný kód však netestuje. Spustí kód, ale spoléhá na knihovny třetích stran, jako je Jasmine a Mocha pro testování. Kromě toho vyžaduje skutečný prohlížeč. Proto musí být Google Chrome nainstalován na místním počítači, aby tato metoda JavaScriptu fungovala. Spouští Google Chrome v bezhlavém režimu pro jeho provoz.
CodePen
CodePen je jedním z nejlepších online nástrojů pro testování kódu HTML, CSS a JavaScript online. Tato komunita vývojářů má hodně co učit! Tento open-source vzdělávací prostředí, pravděpodobně má asi největší komunitu vývojářů s monstrózní 330000 registrovaných uživatelů neustále pracuje na rozvoji úžasné front-end aplikací. Je to jedna z nejlepších platforem pro vytváření a nasazení webových stránek, ukázat světu svou práci a vytvářet testovací případy.
JSBin
JSBin je čistá a čistá alternativa k JSFiddle. Pokud chcete něco srozumitelnější a méně přeplněná rozhraní, pak JSBin je nástroj pro vás. Platforma má zdarma a pro-přístup. Pro pokročilé funkce, jako jsou soukromé koše a neomezená synchronizace dropbox, musíte jít pro, můžete však snadno otestovat libovolnou kombinaci HTML, CSS a JavaScriptu pomocí JSBin general access.
Liveweave
Liveweave je další kódovací hřiště, kde si můžete vyzkoušet svůj kód JavaScript. Má funkce živého náhledu a je vybaven pravítkem, který vám pomůže s citlivým navrhováním. Jeho kód-hinting funkce pro HTML, CSS a JavaScript usnadňuje pro začátečníky psát kód. Kromě toho, svůj projekt si můžete stáhnout jako .zip soubor pomocí Liveweave a také přidávat a používat externí knihovny, jako je jQuery, AngularJS, Bootstrap atd. docela snadno ve vašem kódu.
to byly některé z nejpopulárnějších způsobů, jak otestovat kód JavaScript v prohlížeči. Kromě toho můžete použít i nástroje jako ČSSD a Dabblet. Jsou stejně dobré a snadno použitelné. Kromě toho mají Vývojářské nástroje Firebug a Chrome konzoli Javascript, kde můžete zadat kód JavaScript pro provedení. Totéž platí pro Internet Explorer 8+, Opera, Safari a potenciálně mnoho dalších moderních prohlížečů.