2

たとえば、モーダルのように 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);

  });

テストでは、以下に示すあまり役に立たないエラーが表示されます

ここに画像の説明を入力

このエラーに関する情報はまったく見つかりません。誰でもここに光を当てることができますか？

お時間をいただきありがとうございます。

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 に答える