開発覚書はてな版

個人的な開発関連の備忘録

【VSCode】おすすめ拡張機能 - Jest Test Explorer

概要

Visual Studio Code で普段利用している拡張機能ご紹介です。
今回は Jest Test Explorer です。 Visual Studio Code上のTest Explorer から Jest を実行できる機能です。

marketplace.visualstudio.com

前提条件

  • Jestを使用しているプロジェクトのみ実行できます。

機能

  • プロジェクト内のテストをスキャンして一覧表示します。
  • 全てのテスト実行ができます。
  • 個々のテストの実行・デバッグ・テスト位置への遷移ができます。
  • jest configの参照を自由に変更できます。

起動方法

  • Jest Test Explorerをインストールするとサイドバーに以下のアイコンが追加されます。それをクリックします。
    f:id:kakkoya:20191022144415p:plain

Jest Test Explorer

  • テストが一覧表示されます。
  • 各種アイコンを使用することでテストの実行・デバッグなどが出来ます。

f:id:kakkoya:20191022145200p:plain

実行イメージ

f:id:kakkoya:20191022150201g:plain