Wallaby
https://wallabyjs.com/
ドキュメント: https://wallabyjs.com/docs/
コードとテストとの境界を無くすためのツール
コードをタイピングするごとにテスト結果がすぐに表示される
成功したテストのコードは緑色で、失敗したテストのコードは赤色でハイライトされる
失敗した場合はエラーの説明が隣に表示される
公式の説明動画が分かりやすい radish-miyazaki.icon
https://wallabyjs.com/assets/img/mainvideo.mp4
Visual Studio Code の Jest の拡張機能使えば、似たようなことは実現可能 radish-miyazaki.icon
https://scrapbox.io/files/66d130ca2f9a96001c860437.mov
有料
無料トライアルを提供しているので試すことは可能
導入(Visual Studio Code)
IntelliJ IDEA などの他の IDE にも対応
https://wallabyjs.com/docs/intro/install.html?editor=vsc
拡張機能をインストールする
https://marketplace.visualstudio.com/items?itemName=WallabyJs.wallaby-vscode
実行
https://wallabyjs.com/docs/intro/config.html#vs-code
1. コマンドパレットを開いて「Wallaby.js: Select Configuration」コマンドを実行する
2. Automatic Configuration <project directory> を選択する
3. プロジェクト内のファイルを開いて操作する
https://scrapbox.io/files/66d128584f3349001d3b43ec.mov
#JavaScript