問題タブ [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 投票する
2 に答える
73 参照

javascript - testing-library で構文の強調表示をオフにする方法はありますか

私は @testing-library/vue を使用しており、Sublime Text のビルド ステップ内でテストを実行しています。エラー出力は prettyDom を使用しており、出力ウィンドウではあまり判読できません。

ビルド結果ウィンドウの出力例:

出力の長さを拡張できるように、環境変数で構文の強調表示をオフにする方法はありますか?

0 投票する
2 に答える
660 参照

click - fireEvent.click() (fireEvent から) vs element.click() (JSDOM から)

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

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

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

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

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

0 投票する
0 に答える
115 参照

javascript - Angular Testing Library テストで html プロパティをレンダリングする

Angular テストに testing-library を使用しています。HTML からプロパティを設定して、必要な方法でコンポーネントをレンダリングできるようにする必要がある状況があります...このプロパティはモジュールから取得されます。 componentProperties を介してコンポーネントを渡してレンダリングしようとしましたが、うまくいきませんでした...コンポーネントを適切にレンダリングできるように、テストでこのプロパティを設定する方法を知っていますか?

次のように、html にあるプロパティ ifMobile をレンダリングする必要があります。

これは私がテストしようとしていた方法です:(このようにしてテストを実行してもエラーは表示されませんが、コンポーネントはレンダリングされず、基本的にコンポーネントはまったく変更されませんでした)

私もこの方法でテストしようとしました(この方法では、ifMobileは有効なプロパティではないため、テストを実行することさえできません)

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

reactjs - フラグメントを持つ機能コンポーネントをテストするには?

フラグメントと小道具を使用しているが、マークアップを使用していない機能コンポーネントをテストする方法、ロールを設定できません。