問題タブ [user-event]

私は CMS プロジェクトに取り組んでいますが、問題に遭遇しました。_userEvent.default.clear is not a function.

訪問する@testing-library/user-eventと、それらの行が表示されます

ファイルが示すように、 にはclear()メソッドがありませんuserEvent。しかし、ドキュメントは方法を指摘していclear()ます。

ドキュメント =>ドキュメント

このライブラリを使用するのはこれが初めてです。誰が問題が何であるか知っていますか？

私は多くの調査を行ってきましたが、ウィンドウ フォーカス イベントを正常にシミュレートする方法を見つけることができません。

「testing-library/user-event」を調べましたが、まだこれを行う方法が見つかりません。

私のコンポーネントにはありますwindow.addEventListener('focus', doSomething);が、これはテストランナーを介して呼び出されることはありません。

コンテキスト: 私は Testing Library を使用しており、基礎となるメカニズムのいくつかを理解しようとしています。

JSDOM はすでに「クリック」イベントの処理を提供しているため、次のことを考えていました。

• イベントを管理するこれら 2 つの方法に違いはありますか?
• そうでない場合、fireEvent がこのイベントを再定義するのはなぜですか?

違いがある場合は、それらが何であるか、いつどちらのツールを使用するかを理解したいと思います.

(2 番目の質問については、アイデアはありますが、確認したいことがあります。fireEvent は、イベントを生成するためのグローバルで統一されたインターフェイスを提供します。クリックは自然な部分です。)

この CodeSandbox を作成したのは、関連するコードの問題 (テストで onChange が起動しない) を示すことができるようにするためです。

https://codesandbox.io/s/festive-tree-xkw8s?file=/src/App.test.js

ただし、CodeSandbox では、呼び出すとすぐにそこまで到達することさえできません。

コンソールに次のエラーが表示されます。

その結果、 loadOptions コールバックがAsynSelectトリガーされることはありません (ローカルでは問題はありません。起動していない onChange だけです)。

このエラーの例やガイダンスを見つけることができませんでした。私は CodeSandbox をあまり使用していないので、基本的なものが欠けている可能性があります。

私のローカル環境ではこのエラーは表示されませんが、元の問題のセットアップを完了したいので、解決しようとしています。