TL;DR
コードとテストの境界をなくすための、JavaScript 向けのテストツール。コードを入力するたびにテストが実行され、その結果がエディタ上のコードに直接表示される。有料だが、無料トライアルで試せる。
仕組み
コードを入力するたびにテストが走り、成功したテストが通るコードは緑色、失敗したテストに関わるコードは赤色でハイライトされる。テストが失敗した場合は、エラーの説明がコードの横に表示される。
Visual Studio Code のほか、IntelliJ IDEA などの IDE にも対応している。
例
Visual Studio Code では、拡張機能をインストールして次の手順で実行する。
- コマンドパレットを開き、「Wallaby.js: Select Configuration」を実行する
Automatic Configuration <project directory>を選ぶ- プロジェクト内のファイルを開いて編集する
自分の理解
公式の説明動画が分かりやすい。似たことは、Visual Studio Code の Jest の拡張機能を使っても実現できる。