title: SyntaxError with Jest and React and importing CSS files
body: <p>I am trying to get my first Jest Test to pass with React and Babel.</p>
  
  <p>I am getting the following error:</p>
  
  <blockquote>
    <p>SyntaxError: /Users/manueldupont/test/avid-sibelius-publishing-viewer/src/components/TransportButton/TransportButton.less: Unexpected token </p>
  </blockquote>
  
  <pre><code>    &gt;  7 | @import '../variables.css';
            | ^
  </code></pre>
  
  <p>My package.json config for jest look like this: </p>
  
  <pre><code>"babel": {
      "presets": [
        "es2015",
        "react"
      ],
      "plugins": [
        "syntax-class-properties",
        "transform-class-properties"
      ]
    },
    "jest": {
      "moduleNameMapper": {
        "^image![a-zA-Z0-9$_-]+$": "GlobalImageStub",
        "^[./a-zA-Z0-9$_-]+\\.png$": "RelativeImageStub"
      },
      "testPathIgnorePatterns": [
        "/node_modules/"
      ],
      "collectCoverage": true,
      "verbose": true,
      "modulePathIgnorePatterns": [
        "rpmbuild"
      ],
      "unmockedModulePathPatterns": [
        "&lt;rootDir&gt;/node_modules/react/",
        "&lt;rootDir&gt;/node_modules/react-dom/",
        "&lt;rootDir&gt;/node_modules/react-addons-test-utils/",
        "&lt;rootDir&gt;/node_modules/fbjs",
        "&lt;rootDir&gt;/node_modules/core-js"
      ]
    },
  </code></pre>
  
  <p>So what am I missing?</p>