問題タブ [testing-library]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
154 参照

react-native - react-native-testing-library react-intl FromattedMessageを使用するときにByTextを取得する方法は?

react-native-testing-library による getByText メソッドは、react-intl の内部にある場合、テキストを見つけられないようです<FormatedMessage />

この場合、getByText は null を返します。

0 投票する
1 に答える
1177 参照

eslint - testing-library/no-node-access で props.children にアクセスする方法

eslint-plugin-testing-libraryを正常にインストールして使用overridesしたので、テスト ファイルのコードについてのみ警告が表示されます。

ただし、Avoid direct Node access. Prefer using the methods from Testing Library.次のコードについては文句を言いますprops.children

子またはデフォルト ノードを挿入できるようにしたい。

このコードの何が問題になっていますか? props がノード アクセスと見なされるのはなぜですか? 警告を満たすためにどのように変更すればよいですか? 追加するだけ// eslint-disable-next-line testing-library/no-node-accessですか?

Edit:

これはテストファイルにあります。メインコードと同じように要素を作成しています。props.children参照が警告を保証する理由がわかりません。警告の正当な理由と、他にどのように望ましい結果を実行するのか疑問に思います。

0 投票する
1 に答える
400 参照

typescript - Jest テストの実行時に型定義が読み込まれない

私はテスト ユーティリティのオープン ソース ライブラリを構築しています。これには、カスタムの技術マッチも含まれています。しかし、テスト ファイルを作成して実行すると、型定義に関して多くのエラーが発生します。

実行時に次のエラーを参照してくださいyarn testここに画像の説明を入力

エラーは、次の 2 つの異なる型定義に関連しています。

  • toBeVisibleから来るはずのカスタムJestマッチャーです@testing-library/jest-dom
  • toHaveQueryParam私のパッケージで内部的に作成され、内部で定義を宣言したカスタム Jest マッチャーです@types/jest.d.ts- この型定義は宣言 mergingでロードする必要がありますが、エラーのために機能していないと思います。

私の質問は、型定義が読み込まれないのはなぜですか? TSコンパイラまたはJest構成に関して何か問題があるはずだと思います

テストコードで PR

0 投票する
1 に答える
124 参照

javascript - 洗練されたコンポーネントのテスト方法

サードパーティのモジュールを使用しているコンポーネントがあります。テストする必要があります。それにインポートするモック コンポーネントを作成しないことが望ましいです。この例に書いた

他の人をそのコンポーネントに減価償却することなく、コンポーネントをテストすることは可能ですか?