問題タブ [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.
javascript - testing-library で構文の強調表示をオフにする方法はありますか
私は @testing-library/vue を使用しており、Sublime Text のビルド ステップ内でテストを実行しています。エラー出力は prettyDom を使用しており、出力ウィンドウではあまり判読できません。
ビルド結果ウィンドウの出力例:
出力の長さを拡張できるように、環境変数で構文の強調表示をオフにする方法はありますか?
click - fireEvent.click() (fireEvent から) vs element.click() (JSDOM から)
コンテキスト: 私は Testing Library を使用しており、基礎となるメカニズムのいくつかを理解しようとしています。
JSDOM はすでに「クリック」イベントの処理を提供しているため、次のことを考えていました。
- イベントを管理するこれら 2 つの方法に違いはありますか?
- そうでない場合、fireEvent がこのイベントを再定義するのはなぜですか?
違いがある場合は、それらが何であるか、いつどちらのツールを使用するかを理解したいと思います.
(2 番目の質問については、アイデアはありますが、確認したいことがあります。fireEvent は、イベントを生成するためのグローバルで統一されたインターフェイスを提供します。クリックは自然な部分です。)
javascript - Angular Testing Library テストで html プロパティをレンダリングする
Angular テストに testing-library を使用しています。HTML からプロパティを設定して、必要な方法でコンポーネントをレンダリングできるようにする必要がある状況があります...このプロパティはモジュールから取得されます。 componentProperties を介してコンポーネントを渡してレンダリングしようとしましたが、うまくいきませんでした...コンポーネントを適切にレンダリングできるように、テストでこのプロパティを設定する方法を知っていますか?
次のように、html にあるプロパティ ifMobile をレンダリングする必要があります。
これは私がテストしようとしていた方法です:(このようにしてテストを実行してもエラーは表示されませんが、コンポーネントはレンダリングされず、基本的にコンポーネントはまったく変更されませんでした)
私もこの方法でテストしようとしました(この方法では、ifMobileは有効なプロパティではないため、テストを実行することさえできません)
reactjs - フラグメントを持つ機能コンポーネントをテストするには?
フラグメントと小道具を使用しているが、マークアップを使用していない機能コンポーネントをテストする方法、ロールを設定できません。