Как имитировать подкомпоненты при модульном тестировании компонента React с помощью Jest

У меня есть компонент React, для которого я пытаюсь написать несколько тестов. Я разбил это на простейший возможный тест.

jest.dontMock('../Overlay.react.js');

import React from 'react';
import ReactDOM from 'react-dom';

var Overlay = require('../Overlay.react.js'); // this is the culprit!

describe('Overlay', () => {
    it('should work', () => {
        expect(true).toEqual(true);
    });
});

Когда требуется компонент, который я пытаюсь протестировать, он, похоже, не насмехается над его подкомпонентами. В верхней части Overlay.react.js у меня есть следующий импорт: import LoadingSpinner from 'loadingIndicator/LoadingIndicatorSpin.react'; При запуске моего теста я получаю следующую ошибку:

• SyntaxError: /Users/dev/work/react-prototype/src/components/root/routes/components/subset1/components/Overlay.react.js: / Users / dev / work / response-prototype / src / components / root / маршруты / компоненты / loadingIndicator / LoadingIndicatorSpin.react.js: /Users/dev/work/react-prototype/src/components/root/routes/components/loadingIndicator/sass/style.sass: Неожиданный токен НЕЗАКОННЫЙ

Похоже, что вместо того, чтобы издеваться над компонентами, он переходит прямо к sass-файлу подкомпонента и подбирает его. Насколько я понимаю, Jest издевается над всем, кроме того, что вы говорите, чтобы не высмеивать.

Как правильно сформулировать эти тесты, чтобы подкомпоненты не вызывали взрыв шуток при импорте во время теста?