Syntax Error when test component with SASS file imported
<p>I'm trying test my <code>React</code> component with <code>Jest</code> + <code>Enzyme</code>, but when my component has <code>SASS</code> file (<code>scss</code>), is occurring <code>SyntaxError</code>.</p>

<p>This is my SASS file content:</p>

<pre><code>.user-box {
  width: 50px;
  height: 50px;
}
</code></pre>

<p>And I just import that in my component:</p>

<pre><code>import React from 'react';

import './userBox.scss';

class MyComponent extends React.Component {
    render() {
        const style = {
            borderRadius: '99px'
        };
        return (
            &lt;div&gt;Hello World&lt;/div&gt;
        );
    }
}

export default MyComponent;
</code></pre>

<p>Following error message of my test:</p>

<p><a href="https://i.stack.imgur.com/4FvRN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4FvRN.png" alt="Jest test error message"></a></p>

<p>If I comment the <code>import './userBox.scss';</code>, test will be okey.</p>

<p>How to can I test <code>React</code> component with <code>Jest</code> + ‵Enzyme` when has style imported</p>