vercel[bot]
commented
1 year ago The latest updates on your projects. Learn more about Vercel for Git ↗︎
| Name | Status | Preview | Comments | Updated |
|---|---|---|---|---|
| timelogger-web | ✅ Ready (Inspect) | Visit Preview | 💬 Add your feedback | Feb 21, 2023 at 2:35PM (UTC) |
issueURL
https://github.com/commew/timelogger-web/issues/6
この PR で対応する範囲 / この PR で対応しない範囲
https://github.com/commew/timelogger-web/issues/6 の完了の定義を満たす実装は本PRで対応しました。
Storybook の URL、 スクリーンショット
UI変更はないのでなし。
変更点概要
テスト実行用の npm scriptを追加
npm run testでテストコード実行可能に設定しました。Jestの関連Packageの追加とJestの設定を追加
Jestの設定は
transformの設定等が不要になるnext/jestを利用する事にしました。Testing Libraryの追加
Testing Library によるテストコードのサンプルを実装
MSW（Mock Service Worker ）を使ったテストコードの実装
HTTP通信をMock化出来る、MSW(Mock Service Worker) を導入してGitHubAccountを取得するAPIのテストを実装しました。
MSW(Mock Service Worker) の活用方法などは以下の記事などを参考にして下さい。
現状テストコードでしか利用しないのですが、Mockの定義位置は
src/mocks/に定義しています。これは後続課題でStorybookからもMockを利用する予定があるからです。
（参考）StorybookでMock Service Worker (MSW) を使えるようにする。
レビュアーに重点的にチェックして欲しい点
レビューについて
情報共有の為、レビュアーに設定させて頂いております。
しばらくは開発が出来る状態までプロジェクトを整備している状況です。
お時間がありましたら、目を通して頂く程度の温度感で問題ありません。
※ 初期構築が完了した時点でフロントエンドメンバーには別途説明会の機会を作らせて頂きます。
補足情報
インラインコメントを参照。