title: Jest test fails with Unexpected token, expected ";"
body: <p>I have a Node project using Typescript and Jest. Currently I have this project structure</p>
  
  <p><a href="https://i.stack.imgur.com/TFgdQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TFgdQ.png" alt="enter image description here"></a></p>
  
  <p>With this <code>tsconfig.json</code> file</p>
  
  <pre><code>  "compilerOptions": {
      "target": "ES2017",
      "module": "commonjs",
      "allowJs": true,
      "outDir": "dist",
      "rootDir": "src",
      "strict": true,
      "moduleResolution": "node",
      "esModuleInterop": true
    }
  </code></pre>
  
  <p>this <code>jest.config.js</code> file</p>
  
  <pre><code>module.exports = {
    clearMocks: true,
    coverageDirectory: "coverage",
    testEnvironment: "node",
  };
  </code></pre>
  
  <p>and this <code>package.json</code> file</p>
  
  <pre><code>{
    "scripts": {
      "start": "node dist/App.js",
      "dev": "nodemon src/App.ts",
      "build": "tsc -p .",
      "test": "jest"
    },
    "dependencies": {
      "commander": "^3.0.1"
    },
    "devDependencies": {
      "@types/jest": "^24.0.18",
      "@types/node": "^12.7.4",
      "jest": "^24.9.0",
      "nodemon": "^1.19.2",
      "ts-jest": "^24.0.2",
      "ts-node": "^8.3.0",
      "typescript": "^3.6.2"
    }
  }
  </code></pre>
  
  <p>I created a test file in my tests directory</p>
  
  <pre><code>import { App } from '../src/App';
  
  describe('Generating App', () =&gt; {
    let app: App;
  
    test('It runs a test', () =&gt; {
      expect(true).toBe(true);
    });
  });
  </code></pre>
  
  <p>but unfortunately I get a syntax error</p>
  
  <blockquote>
    <p>SyntaxError: C:...\tests\App.test.ts: Unexpected token, expected ";"
    (5:9)</p>
  </blockquote>
  
  <p>at my <code>app</code> variable. It seems the test runner is not able to understand Typescript code. How can I fix my configuration to support Typescript in test files for Jest?</p>