エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Testing Library で Material UI の TextField を取得する方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Testing Library で Material UI の TextField を取得する方法
はじめに @testing-library/react で Material UI の TextField を取得する際、 label が設定されていて... はじめに @testing-library/react で Material UI の TextField を取得する際、 label が設定されていても getByRole や getByLabelText で取得したときに label が正しく取得できません。 調べると inputProps を使って data-test-id を使う方法も出てきますが、テストのために data-test-id を指定するのは極力避けたく、他の方法を調査していました。 結論 label を設定する 一見不要でも id を設定する getByRole または getByLabelText で取得する 一般的には getByRole が推奨されていますが type="password の場合は使えません 解説 Material UI の TextField コンポーネントを以下のように配置した場合 <div