My Forms

Form1の構成は極力シンプルにしました（シンプルにしたというより、本番環境でちゃんと動作するかを確認することが目的）。テキストボックスに文字列を入力し送信ボタンを押すと、小文字のアルファベットが大文字に変換され表示される、というものです。

フロントエンドではuseStateで入力値を管理し、fetch関数でAPIを叩いています。React Hook FormもZodも使っていないシンプルな構成です。

テストコードはこちらです。テストは、

1. 初回レンダリング時、変換結果が表示されるエリアに何も表示されていないこと
2. テキストボックスに何も文字が入力されていない時、送信ボタンがdisabledになっていること
3. テキストボックスに文字（半角スペースのみ除く）が入力されている時、送信ボタンがdisabledになっていないこと
4. テキストボックスに名前を入力し送信ボタンを押すことで、大文字になった名前が表示されること

のみを行っています。

• 2023年05月20日 こぼれ話への追記、誤字脱字の修正。