コーディング自動化基盤

概要¶

フロントエンド基盤のコンポーネントと機能に対する単体テストを実装します。共通コンポーネント、状態管理、ルーティングなどが意図した通りに動作することを検証します。

作業内容¶

1. 共通コンポーネントのテスト

   • レイアウトコンポーネントのテスト
   • フォームコンポーネントのテスト
   • ナビゲーションコンポーネントのテスト
   • 通知コンポーネントのテスト
   • モーダルコンポーネントのテスト

2. 状態管理機能のテスト

   • コンテキストプロバイダーのテスト
   • カスタムフックのテスト
   • リデューサーのテスト
   • アクション処理のテスト

3. ルーティング機能のテスト

   • ルート定義のテスト
   • ルートガードのテスト
   • リダイレクト処理のテスト
   • パラメータ処理のテスト

4. LINEデザイン実装のテスト

   • スタイル適用のテスト
   • レスポンシブ対応のテスト
   • テーマ切替のテスト
   • アクセシビリティのテスト

5. ユーティリティ関数のテスト

   • データ変換関数のテスト
   • バリデーション関数のテスト
   • フォーマット関数のテスト
   • API通信ヘルパーのテスト

成果物¶

• 共通コンポーネントのテストコード
• 状態管理機能のテストコード
• ルーティング機能のテストコード
• LINEデザイン実装のテストコード
• ユーティリティ関数のテストコード
• テストカバレッジレポート

技術スタック¶

• Jest
• React Testing Library
• @testing-library/user-event
• @testing-library/hooks
• jest-axe（アクセシビリティテスト）

参照¶

• 親チケット: #471（フロントエンド基盤構築）
• 関連チケット: #488（フロントエンド環境構築）
• 関連チケット: #489（UIライブラリ導入・テーマ設定）
• 関連チケット: #490（状態管理基盤構築）
• 関連チケット: #491（ルーティング実装）
• 関連チケット: #492（共通コンポーネント実装）
• 関連チケット: #511（LINEデザイン言語の実装とスタイルガイド）