[exercism.io]VSCodeでJestのデバッグをする方法

概要

exercism.ioのJavaScriptコースでJestのデバッグをする方法を紹介します。
といっても結局はVSCodeでJestのデバッグをする方法です。

方法

1.launch.jsonに以下の記述をする。
programのパスはjestの実行ファイルがある場所に変えてください。

{
	"version": "0.2.0",
	"configurations": [
		{
			"type": "node",
			"request": "launch",
			"name": "Jest Debugger",
			"program": "${workspaceFolder}/javascript/list-ops/node_modules/.bin/jest",
			"args": [ "${fileBasenameNoExtension}" ],
			"cwd": "${workspaceFolder}/${relativeFileDirname}",
		}
	]
}

2.デバッグしたいファイルを開いた状態でDebugを実行する

解説

気が向いたときに補足します。

programがデバッグ実行時に呼ばれる処理です。
argsが処理が呼ばれる際に渡される引数です。

なのでデバッグ実行時にはjestに現在開いているファイル名を渡しています。

とりあえず雑に参考資料を貼っておきます。
https://code.visualstudio.com/docs/editor/variables-reference
https://code.visualstudio.com/Docs/editor/debugging