tnkgs/atkadai

reactテスト

課題説明

セットアップ方法

まず、NodeJSをインストールしてください。

その後、以下のコマンドで開始できます。

npm install // 環境のセットアップ
npm start // サーバ起動、ライブリロード
npm test // テスト実行

(hint: windowsの場合、npm installでこけることがありえるが、Vitual Studioをインストールして、何かすれば解決できる)

フィーチャー

• テキストボックスとToast追加ボタンを表示する
• テキストボックスに適当な文章をいれてToast追加ボタンを押すと、Toastがリスト表示されるようにする
• テキストボックスが未記入の時、Toast追加ボタンは押せない
• Toastを追加したら追加した分だけリスト表示できるようにする。
• Close!ボタンが押された時、Toastがリスト表示から消えるようにする
• Toastが表示されて3秒たったら、リスト表示から消えるようにする

要件

• Toastをリスト表示させるReactComponentを作り、上記フィーチャーを実装する
• 実装したReactComponentをKadaiComponentにマウントさせる（表示させる）
• 実装したReactComponentに対して適切なテストを書き、テストがパスできるようにする。（コードカバレッジが高いほど評価）