title: Typescript is not picking up Jest types
body: <h2>The Problem</h2>
  <p>I am trying to setup a typescript project with jest. However typescript does not seem to pickup the jest types from <code>@types/jest</code>, which is highlighting my keywords giving me the following error:</p>
  <p><code>Cannot find name 'test'. Do you need to install type definitions for a test runner? Try 'npm i @types/jest' or 'npm i @types/mocha'. ts(2582)</code></p>
  <p><a href="https://i.stack.imgur.com/yjq1t.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yjq1t.png" alt="enter image description here" /></a></p>
  <p><strong>Notes:</strong></p>
  <ul>
  <li>I am using VS Code</li>
  <li>I have installed @types/jest</li>
  <li>I have attempted to reinstall all my packages</li>
  <li>I have reloaded my editor</li>
  <li>Here is my tsconfig.json</li>
  </ul>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;types&quot;: [&quot;jest&quot;, &quot;node&quot;]
    },
    &quot;types&quot;: [&quot;jest&quot;],
    &quot;typeRoots&quot;: [&quot;./src/types&quot;, &quot;./node_modules/@types&quot;],
  }
  </code></pre>
  <ul>
  <li>Here is my jest.config.js</li>
  </ul>
  <pre><code>module.exports = {
    preset: 'ts-jest',
    roots: ['&lt;rootDir&gt;/src'],
    testEnvironment: 'node',
    moduleFileExtensions: ['ts', 'js', 'json', 'node'],
  };
  </code></pre>
  <ul>
  <li>Here is my .babelrc</li>
  </ul>
  <pre><code>{
    &quot;presets&quot;: [
      [&quot;@babel/preset-env&quot;, {&quot;targets&quot;: {&quot;node&quot;: &quot;current&quot;}}],
      &quot;@babel/preset-typescript&quot;
    ],
    &quot;plugins&quot;: [&quot;@babel/transform-runtime&quot;]
  }
  </code></pre>
  <ul>
  <li>Here are the dev dependencies in my package.json</li>
  </ul>
  <p><a href="https://i.stack.imgur.com/ePX4j.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ePX4j.png" alt="enter image description here" /></a></p>
  <p>My test runs fine with <code>npm run test</code>, But it is still an annoying issue which I imagine is just a missing <code>./</code> in one of my configurations or something. Bit new to typescript/jest though so could be something else. Hopefully I have provided enough info, but am happy to add more if necessary Any help would be appreciated, cheers</p>