SyntaxError with Jest and React and importing CSS files
<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>