問題タブ [react-testing-library]

私は自分のコンポーネントをテストするために使用enzymeからに切り替えています。react-testing-library

fromCustomModalのラッパーのように機能する単純なコンポーネントがあります。myに必要な子要素が含まれていることをテストしようとしています。ModalreactstrapCustomModal

この記事とこの記事からヒントを得data-testidて、子に属性を追加し、 と を使用getByTestIdしてqueryByTestIdいます。しかし、何らかの理由で、私の知る限り、そこにある子ノードがクエリで見つかりません。

テストのセットアップで間違っていることがありますか、またはreact-testing-library使用方法を誤解していますか?

基本コードとテスト (失敗) は、この CodeSandbox にあります。

私の基本的なCustomModalコンポーネントは次のようになります。

私のテストファイルは次のようになります。

renderi の場合は未定義です

私たちのプロジェクトに。同じ問題がここで提起されたようですが、解決されていません。

もし私が

の大きなオブジェクトを取得するxので、lib はそこにあります

単純なセットアップではすべて問題なく動作しますが、既存のプロジェクトで使用しようとすると、インポートが未定義になります。