JavaScriptのテストは苦痛になる可能性があります。 プロセスを可能な限り無痛にするために、多くのツール、テクニック、フレームワークが開発されています。 Mocha、Jasmine、Jestのようなこれらのツールのいくつかはテスト構造を提供しますが、IstanbulやBlanketのような他のツールもコードカバレッジレポートを生成します。 ブラウザでJavaScriptコードをテストするさまざまな方法には、さまざまな見通しと結果があります。 すべてのソリューションのための一つのツールや技術を絞り込むのは難しいです！
ブラウザでJavaScriptコードをテストする最も一般的な方法のいくつかを簡単に見てみましょう。あなたがJavaScriptやReactやVueのようなフレームワークで作業しているかどうかにかかわらず、JSFiddleはあなたのためのツールです。 これは、ブラウザでJavaScriptコードを記述してテストするためのオンラインツールです。 2009年に”Mooshell”として発売された。 Webアプリケーションで作業し、あらゆる種類のJavaScriptライブラリを使用している場合、JSFiddleは一見の価値があります。 インターフェイスは非常にシンプルで、JavaScriptを入力したり、HTMLとCSSを追加してすぐに結果を確認するだけです。 JSFiddleを使用してプロジェクトに追加する前に、JavaScriptコードスニペットをテストしてください！
クロスブラウザテストツール
JSFiddleやCodePenのようなツールを使用してJavaScriptコードをテストすることは簡単ですが、異なるブラウザやモバイルブラウザでコードがどのように出力されるかは表示されません。 ブラウザ間の互換性のためにコードをテストする場合は、LambdaTestのようなオンラインのブラウザ間テストツールを使用する必要があります。 ライブインタラクティブブラウザテスト、自動スクリーンショットテスト、レスポンシブレイアウトテスト、スマートビジュアルUIテストを可能にします。 このツールは、テストサイクルを大幅にスピードアップし、コード内のブラウザ固有の問題に役立ちます。Karma+Jasmine+Google Chrome
Karmaは、多くのテスト目的のためにブラウザでJavaScriptコードをテストできるツールです。 ただし、コード自体はテストしません。 コードを実行しますが、テストのためにJasmineやMochaのようなサードパーティのライブラリに依存しています。 それとは別に、実際のブラウザが必要です。 したがって、このJavaScriptの方法を機能させるには、Google Chromeをローカルマシンにインストールする必要があります。 これは、その動作のためのヘッドレスモードでGoogle Chromeを起動します。
CodePen
CodePenは、HTML、CSS、JavaScriptコードをオンラインでテストするための最高のオンラインツールの一つです。 開発者のこのコミュニティは教えることがたくさんあります！ このオープンソースの学習環境は、おそらく常に驚くべきフロントエンドアプリケーションの開発に向けて取り組んでなんと330000登録ユーザーと開発者の最大 Webサイトを構築して展開し、世界にあなたの仕事を示し、テストケースを構築するのに最適なプラットフォームの1つです。
JSBin
JSBinはjsfiddleのきれいできれいな代替品です。 あなたが理解しやすく、あまり雑然としたインターフェイスで何かをしたい場合は、JSBinはあなたのためのツールです。 プラットフォームは、無料とプロアクセスを持っています。 Private binsやunlimited dropbox syncなどの高度な機能については、Proを使用する必要がありますが、JSBin general accessを使用してHTML、CSS、JavaScriptの任意の組み合わせを簡単にテストできます。
Liveweave
Liveweaveは、JavaScriptコードをテストできるもう一つのコーディング遊び場です。 これは、ライブプレビュー機能を持っており、応答性の設計のお手伝いをするために定規が装備されています。 HTML、CSS、およびJavaScript用のコードヒント機能により、初心者がコードを簡単に入力できます。 それとは別に、あなたのプロジェクトをaとしてダウンロードすることができます。Liveweaveを使用してzipファイルと、jQuery、AngularJS、Bootstrapなどの外部ライブラリを追加して使用します。 あなたのコードでは非常に簡単です。
これらは、ブラウザでJavaScriptコードをテストする最も一般的な方法のいくつかでした。 これとは別に、CSSDeckやDabbletなどのツールを使用することもできます。 これらは同様に良好で使いやすいです。 それとは別に、FirebugとChrome Developer ToolsにはJavascriptコンソールがあり、実行するためにJavaScriptコードを入力できます。 同じことが、Internet Explorer8+、Opera、Safari、および潜在的に他の多くの最新のブラウザにも当てはまります。