blog.yuzu441.com

React Nativeでtesting libraryのtest idを設定する

react-nativeのテストでdata-testidを使おうと思ったが、全然できず2時間溶かしてしまったのでメモ

結論

ドキュメントはちゃんと読め

やりたかったこと

react-nativeの<Text>に対して<Text data-testid="hoge">とやりscreen.getByTestId('hoge')で要素がrenderされているかを確認したかった

しかしscreen.debug()を見てる分には設定されているように見えるが、getByTestIdの部分で取得できずエラーになっていた

解決法

react nativeだと?data-testidではなくtestIDらしい。testID="hoge"を設定した所ちゃんと取得できた

そして今読んだらちゃんとtestIDの記述あった Queries | React Native Testing Library

検索しても全然ヒットしなくてなんでだ?と思ってたけど真下に書いてるしそりゃみんなはまることないわな…