/ jest

Debugando testes do Jest criado pelo create-react-app no VSCode

Para conseguir debugar seus testes com o Jest que foram criados através da estrutura do create-react-app você pode usar a seguinte configuração

Esse é o arquivo launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Test",
      "program": "${workspaceFolder}/scripts/test.js",
      "args": [
        "--runInBand",
        "--no-cache",
        "--env=jsdom",
        "--config=./scripts/test.json"
      ],
      "internalConsoleOptions": "openOnSessionStart",
      "outFiles": [
          "${workspaceRoot}/dist/**/*"
      ],
      "envFile": "${workspaceRoot}/.env"
    },
  ],
  "compounds": []
}

Explicando:

A prop program deve apontar para o arquivo .js que chama o jest internamente.

A prop args deve conter as configurações do seu ambiente, se você usa jsdom use o --env=jsdom e no parametro --config você deve passar o path para o seu arquivo json que foi criado pelo create-react-app

e por fim na prop envFile passa o path do arquivo .env que você estiver usando.