next-simple-template
next-simple-template copied to clipboard
Next.jsのアプリ開発用テンプレートとドキュメント。
- scaffdogファイルの内容変更 - test.mdの内容変更 現在の主流とは逸れる感じがあるので、導入する場合ドキュメントを豊富に用意する。
# before ![screenshot 2022-11-04 11 07 42_1000px_jp](https://user-images.githubusercontent.com/44772513/199869788-64041df8-0f42-4177-b118-fffe23db59d1.jpg) # after ![screenshot 2022-11-04 11 06 59](https://user-images.githubusercontent.com/44772513/199869818-8edde5cf-5507-4267-812c-d26412e151b9.png) input.useHooksがfalseの時にhooks のインポート文が入力されたままなのでhooksのインポート文が入力され内容にしました。
@fumi-sagawa issueを拝借して、どのようにテストを進めていくのがいいかまとめました。佐川さんが書いた内容とかぶる部分もあるかもしれないですが、参考にしていただければと思います。 工数がとれない、人員もテスト経験も限られる状況では全部のテストを実行していくのは難しいと思いますので、どのテストを優先するか考えました。 # ユニットテスト ``` (依存関係)----. | 引数------------->f(x)---->返値(検証対象) ``` - 環境構築も実行も容易 - テストの感覚をつかむのに最適 フロントエンドにおいてはユニットテストの比重は高くないですが、上記の理由からユニットテストをスタート地点にするのがいいと思います。 また、テストを書く過程で関心の分離について考えていただくとコード品質の向上にも寄与するものと思います(詳細を後段に書きました)。 依存関係によってはモック関数が必要になります。代表的なものは端末の時計に依存したテストで、Dateをモックする必要が出てきます。最初はテストに集中するため依存関係がない純粋な処理に対してテストを書くのがいいです。 ```js test('now', () =>...