Jest React testing es6 import/export unwanted mock
<p>When using the ES6 import/export syntax it seems that Jest is autoMocking the components I import by default even though I explicitly turn mocking off for the component.</p>

<pre><code>jest.autoMockOff();
jest.dontMock("../bundles/Opportunities/MarkAsLost.jsx");
</code></pre>

<p>this is the import at the top of the test component: </p>

<pre><code>import MarkAsLost from "../bundles/Opportunities/MarkAsLost.jsx";
</code></pre>

<p>this is the export at the bottom of the component being tested:</p>

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

<p>this is the result of logging the imported component in the test file:</p>

<pre><code>{ [Function]
  _isMockFunction: true,
  _getMockImplementation: [Function],
  mock: { calls: [ [Object] ], instances: [ [Object] ] },
  mockClear: [Function],
  mockReturnValueOnce: [Function],
  mockReturnValue: [Function],
  mockImpl: [Function],
  mockImplementation: [Function],
  mockReturnThis: [Function],
  displayName: 'MarkAsLost' }
</code></pre>

<p>when I use the old style syntax i.e: </p>

<pre><code>var MarkAsLost = require("../bundles/Opportunities/MarkAsLost.jsx");
module.exports = MarkAsLost;
</code></pre>

<p>this is the result of loggin the component which now behaves as I want in the test file</p>

<pre><code>{ [Function] displayName: 'MarkAsLost' }
</code></pre>

<p>Any help would be appreciated</p>