Jest + React可加载错误不支持

Question

例如，我正在尝试测试一个组件，该组件使用React Loadable渲染几个异步导入的子代，例如Modal。我的测试看起来像这样

// 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

当我使用“插件语法动态导入”进行动态导入时，我遇到了同样的问题。将其切换为“ babel-plugin-dynamic-import-node”可以帮助我解决该问题。

bablerc.js

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