New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

✅ ログイン画面に要素の有無を検証するテストコードを追加する #375

Open

5 tasks

TYMtwilight opened this issue Dec 14, 2022 · 2 comments

Owner

TYMtwilight commented Dec 14, 2022

課題

Login.tsxにReact Testing Libraryを用いて、要素の有無を検証するテストコードを書きます。
エラーが起きた場合には、テストコードが通過するよう、Login.tsxを修正します。

必要な知識

React Testing Library

必要な作業

Login.test.tsxを作成
要素の有無を検証するコードを作成
npm testを実行し、エラーが発生しないか検証
エラーが発生した場合は、Login.test.tsxを修正
その他、リファクタリングの必要性が生じたら、Login.tsxを修正

Owner Author

TYMtwilight commented Dec 14, 2022

🐛 Redux関連のエラーが発生

仮説

Loginコンポーネントをレンダリングする上で、Reduxのストアを参照する必要だが、現在のコードだとReduxを読み込めないためレンダリングができない。そのためにエラーが発生しているのではないか？

Owner Author

TYMtwilight commented Dec 14, 2022

React Testing Library 要素取得方法の優先順位

https://testing-library.com/docs/queries/about/#priority

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment