2

我正在尝试测试一个组件,该组件使用 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);

  });

测试给出了一个不是很有帮助的错误,如下所示

在此处输入图像描述

我根本找不到有关此错误的信息。任何人都可以在这里阐明一下吗?

在此先感谢您的时间!

4

1 回答 1

1

当我使用 'plugin-syntax-dynamic-import' 进行动态导入时,我遇到了同样的问题。将其切换到“babel-plugin-dynamic-import-node”帮助我解决了这个问题。

bablerc.js

plugins: [
// 'syntax-dynamic-import',
'dynamic-import-node',
] 
于 2019-05-15T07:58:53.260 回答