この記事は「DMMグループ Advent Calendar 2019」21日目の記事です。 フロントエンドエンジニアは数年前に比べ、技術の幅が広がったことにより担当するべき作業も増えてきています。 テストもその中の一つです。フロントエンドのテストは実装に対するユニットテストだけでなく、コンポーネントのユニットテスト、e2eテスト、Visual Regression Testと考えることが多くあります。 その中で以前書いた「Hooks時代のユニットテスト」というReact Hooksのテストに関する記事が結構反響があり、数ヶ月テストを運用してみて、個人的なReact Hooksにおけるユニットテストをどうすべきかを考えたので、Testing Library・Jestを使う方法で紹介します。 TypeScriptがデファクトになりつつあるので、今回はTypeScriptで書いてるよ! Reac
![React Hooks Testing](https://cdn-ak-scissors.b.st-hatena.com/image/square/c019431ddd999a0a8ab4f38887d921903cb45531/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fkuma9ma%2Fimage%2Fupload%2Fc_fit%2Cl_text%3Anotosans.otf_60%3AReact%2520Hooks%2520Testing%2Cco_rgb%3A212D50%2Cw_1000%2Cx_0%2Fv1620316938%2Fkuma-ogp.png)