Jest + React Загружаемая ошибка Не поддерживается

Question

Я пытаюсь протестировать компонент, который рендерит пару асинхронно импортированных потомков с помощью React Loadable, как, например, модал. Мой тест выглядит так

// Using React Testing Library
import { fireEvent, getByTestId, wait } from 'react-testing-library';

test('with RTL', async () => {
    // There is a portal. I leave it in the code sample in case it gives any hints
    const portalNode = document.getElementById('overlay');
    const { container, getByLabelText } = render(<SearchFormComposed {...props} />);

    expect(portalNode.children.length).toBe(0);

    fireEvent.click(getByLabelText('MyButton'));

    const list = await wait(() => getByTestId(portalNode, 'myList'));

    console.log(list);
    expect(portalNode.children.length).toBe(1);

  });

Тест дает не очень полезную ошибку, показанную ниже

Я вообще не могу найти информацию об этой ошибке. Кто-нибудь может пролить свет здесь, пожалуйста?

Заранее спасибо за ваше время!

Answer 1

У меня была такая же проблема, когда я использовал 'plugin-syntax-dynamic-import' для динамического импорта. переключение на «babel-plugin-dynamic-import-node» помогло мне решить эту проблему.

bablerc.js

plugins: [
// 'syntax-dynamic-import',
'dynamic-import-node',
]