title: React JS Jest causing "SyntaxError: Unexpected token ."
body: <p>I am now using react JEST to test code. If a component is single, and not importing anything else, "npm test" runs smoothly, and now, I want to test multiple components together, and I immediately got this error:</p>
  
  <pre><code>SyntaxError: Unexpected token .
  </code></pre>
  
  <p>It seemed whenever react is importing something else, such as this one:</p>
  
  <pre><code>require( './style/fixed-data-table.css' );
  require( './style/jnpr-datatable.scss' );
  </code></pre>
  
  <p>and then using jest is throwing the unexpected token "." error.</p>
  
  <p>There must be something wrong in my settings, but where? My Package.json contains:</p>
  
  <pre><code> "jest": {
     "unmockedModulePathPatterns": [
       "&lt;rootDir&gt;/node_modules/react/",
       "&lt;rootDir&gt;/node_modules/react-dom/",
       "&lt;rootDir&gt;/node_modules/react-addons-test-utils/"
     ]
   }
  </code></pre>
  
  <p>And the .babelrc is already in the root. Also babel-jest is included.
  Thanks</p>