タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

TypeScriptとReactとnextjsに関するwakuworksのブックマーク (1)

  • Jestを使ってReact Hook Form + Yupのテストをする

    React Hook FormとYupを使ったフォームのテストをJestで書いてみました。 Reactを使ったフォームのレンダリングは行わずに、フォームのロジックのみをテストします。 フォームに値をセットして、フォーム送信時に使われる handleSubmit で出力される最終データをチェックします。 スキーマ定義によって出力データが意図しない結果になるバグがあり、コンパクトに検証するために作成したテストです。 testing-libraryのrenderHookを使って React Hook Form のフォームへのアクセスを得る 今回は Testing Libraryを使って React Hook のテストを行います。 React Hook Formはフォームの状態管理を行う useForm というカスタム・フックを提供しています。 renderHookでuseFormをレンダリングし

    Jestを使ってReact Hook Form + Yupのテストをする
  • 1