React Testing Library

React

MUI Dialogテスト:基本から実践パターンまで網羅【React Testing Library】

MUI DialogをReact Testing Libraryでテストする方法を解説します。開閉制御、ESCキー・バックドロップクリックでの閉じる動作など、実務で必要なパターンを網羅しています。動作環境@mui/material v6@t...
React

MUI Selectテスト:基本から実践パターンまで網羅【React Testing Library】

MUI SelectをReact Testing Libraryでテストする方法を解説します。ドロップダウンの開閉、オプションの選択、初期値の確認、複数Selectの操作など、実務で必要なパターンを網羅しています。動作環境@mui/mate...
React

MUI IconButtonテスト:基本から実践パターンまで網羅【React Testing Library】

MUI IconButtonをReact Testing Libraryでテストする方法を解説します。aria-labelによるアクセシビリティ、Tooltipとの組み合わせ、loading状態、トグル動作など、実務で必要なパターンを網羅し...
React

MUI Buttonテスト:基本から実践パターンまで網羅【React Testing Library】

MUI ButtonをReact Testing Libraryでテストする方法を解説します。基本的なクリックイベントから、disabled状態、各種プロパティ、非同期処理中の二重クリック防止まで、実務で必要なパターンを網羅しています。動作...
JavaScript

【React】buttonがdisabledかチェックするテストを実装

Reactで、buttonがdisabledがチェックするテストを実装します。disabledかチェックする方法使用するメソッドbuttonのdisabledをチェックするには、次の2つのメソッドが使えます。toBeDisabled() →...
JavaScript

buttonのclickイベントをテストする方法【React Testing Library】

Reactで、buttonをクリックしてonClickイベントを発生させるテストを実装します。buttonをクリックするテストを実装使用するメソッドbuttonをクリックするには、次の2つのメソッドが使えます。userEvent.click...
JavaScript

Reactでテストを実行してみよう!React Testing Libraryの使い方

Reactコンポーネントは、JestとReact Testing Libraryを使ってテストを実施できます。Create React Appで作成したコードを参考に、テストを実行してみましょう。構成はReact+TypeScript+ya...