Отладка во время тестирования - это грандиозная функция TDD, так что давайте разберемся с ней.

Ванильный путь

  1. Добавьте команду сценария в package.json
"scripts": {
...,
"test:debug": "node --debug-brk --inspect ./node_modules/.bin/jest -i"
},

2. Напишите «отладчик», где бы вы ни захотели

3. В терминале запустить

$ yarn test:debug

4. Подключите отладчик к сеансу с помощью хрома chrome: // inspect / ».

4.2. Или, если у вас есть VScode, вы можете присоединиться к процессу. Добавьте следующий фрагмент в свой «launch.json» и запустите отладчик

{
"type": "node",
"request": "attach",
"name": "Attach Debugger",
"address": "127.0.0.1",
"port": 9229,
"localRoot": "${workspaceFolder}",
"remoteRoot": "${workspaceFolder}"
}

Маршрут отладки VSCode 🚀

Поскольку не все в нашей команде используют VSCode, я использовал ванильный маршрут. Но вы можете использовать следующий фрагмент для интеграции большинства шагов в VSCode.

Добавьте этот фрагмент в свой launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Jest Tests",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/node_modules/.bin/jest",
      "args": [ "-i",
        "--runInBand",
        "--no-cache"],
      "console": "integratedTerminal",
      "internalConsoleOptions": "neverOpen"
    }
  ],
  "compounds": []
}

Для полной документации см. Документацию по отладчику узла.

✌️