testowanie JavaScript może być uciążliwe. Opracowano wiele narzędzi, technik i RAM, aby proces był jak najbardziej bezbolesny. Podczas gdy niektóre z tych narzędzi, takich jak Mocha, Jasmine i Jest, zapewniają strukturę testową, inne, takie jak Istanbul i Blank, generują również raporty pokrycia kodu. Różne metody testowania kodu JavaScript w przeglądarce mają różne perspektywy i konsekwencje. Trudno zawęzić jedno narzędzie lub technikę dla wszystkich rozwiązań!
rzućmy okiem na niektóre z najpopularniejszych sposobów testowania kodu JavaScript w przeglądarce.
JSFiddle
niezależnie od tego, czy pracujesz z JavaScript, czy frameworkami takimi jak React i Vue, JSFiddle jest narzędziem dla ciebie. Jest to narzędzie online do pisania i testowania kodu JavaScript w przeglądarce. Został uruchomiony jako „Mooshell” w 2009 roku. Jeśli pracujesz nad aplikacją internetową i używasz jakiejkolwiek biblioteki JavaScript, JSFiddle jest czymś wartym obejrzenia. Interfejs jest niezwykle prosty i wystarczy wpisać trochę JavaScript lub nawet dodać trochę HTML i CSS do niego i natychmiast zobaczyć wyniki. Przetestuj fragmenty kodu JavaScript przed dodaniem ich do projektu za pomocą JSFiddle!
narzędzia do testowania różnych przeglądarek
chociaż możesz łatwo użyć narzędzi takich jak JSFiddle i CodePen do testowania kodu JavaScript, nie pokażą one, jak kod wyświetla się w różnych przeglądarkach lub przeglądarkach mobilnych. Jeśli chcesz przetestować kod pod kątem zgodności z różnymi przeglądarkami, musisz użyć narzędzi do testowania online, takich jak LambdaTest. Umożliwia interaktywne testowanie przeglądarki NA ŻYWO, automatyczne testowanie zrzutów ekranu, testowanie układu responsywnego i testowanie inteligentnego interfejsu użytkownika. Narzędzie znacznie przyspieszy cykle testowania i pomoże w rozwiązywaniu problemów związanych z przeglądarką w kodzie.
Karma + Jasmine + Google Chrome
Karma to narzędzie, które pozwala na testowanie kodu JavaScript w przeglądarce do wielu celów testowych. Nie testuje jednak samego kodu. Wykonuje kod, ale do testowania korzysta z bibliotek innych firm, takich jak Jasmine i Mocha. Poza tym wymaga prawdziwej przeglądarki. Tak więc Google Chrome musi być zainstalowany na komputerze lokalnym, aby ta metoda JavaScript działała. Uruchamia Google Chrome w trybie headless dla swojego działania.
CodePen
CodePen jest jednym z najlepszych narzędzi online do testowania kodu HTML, CSS i JavaScript online. Ta społeczność programistów ma wiele do nauczenia! To otwarte środowisko edukacyjne ma prawdopodobnie prawdopodobnie największą społeczność programistów z ogromnymi 330000 zarejestrowanymi użytkownikami stale pracującymi nad tworzeniem niesamowitych aplikacji front-end. Jest to jedna z najlepszych platform do budowania i wdrażania strony internetowej, pokazywania światu swojej pracy i budowania przypadków testowych.
JSBin
JSBin jest schludną i czystą alternatywą dla JSFiddle. Jeśli potrzebujesz czegoś z łatwiejszym do zrozumienia i mniej zaśmieconym interfejsem, JSBin jest narzędziem dla ciebie. Platforma ma bezpłatny i pro-dostęp. W przypadku zaawansowanych funkcji, takich jak prywatne kosze i nieograniczona synchronizacja dropbox, musisz przejść na zawodowstwo, jednak możesz łatwo przetestować dowolną kombinację HTML, CSS i JavaScript za pomocą ogólnego dostępu JSBin.
Liveweave
Liveweave to kolejny plac kodowania, w którym możesz przetestować swój kod JavaScript. Posiada funkcje podglądu na żywo i jest wyposażony w linijkę, która pomaga w responsywnym projektowaniu. Jego funkcja podpowiadania kodu dla HTML, CSS i JavaScript ułatwia początkującym wpisywanie kodu. Poza tym możesz pobrać swój projekt jako .plik zip za pomocą Liveweave, a także dodawać i używać zewnętrznych bibliotek, takich jak jQuery, AngularJS, Bootstrap itp. dość łatwo w kodzie.
to były jedne z najpopularniejszych sposobów testowania kodu JavaScript w przeglądarce. Poza tym możesz nawet użyć narzędzi takich jak CSSDeck i Dabblet. Są one równie dobre i łatwe w użyciu. Oprócz tego, Firebug i Chrome Developer Tools mają konsolę Javascript, gdzie można wpisać kod JavaScript do wykonania. To samo dotyczy Internet Explorer 8+, Opera, Safari i potencjalnie wielu innych nowoczesnych przeglądarek.