最初に Reactのテストの良い技法を紹介するものではありません。 私が手探りで、Reactコンポーネントのテストを書いた奮闘記です。 事の始まり Reactのテスト書いてみたいな。 コンポーネントもクラスなのだから、他の言語と大してやることは変わらないはず!? TDD風に実践したら、何か掴めるかもしれない。 実験用のコンポーネントを考える 私のReactコンポーネントのイメージは、 render state(constructor) props イベントの関数 で構成されているイメージなので、それを全て内包しているものを考える。 ので、 ボタン ボタンの活性|非活性が存在する(state) ボタンの表示名やクリック時の処理は外からもらう(props, 関数) とかでどうじゃろか。 実験 テストツールを入れる 別になんでもよかったのですが、Reactのテストということもあり、 Facebo
![Reactコンポーネントのテストを書いてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7ae5778541e3616a6bee4b0945acdf377ac1c999/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9UmVhY3QlRTMlODIlQjMlRTMlODMlQjMlRTMlODMlOUQlRTMlODMlQkMlRTMlODMlOEQlRTMlODMlQjMlRTMlODMlODglRTMlODElQUUlRTMlODMlODYlRTMlODIlQjklRTMlODMlODglRTMlODIlOTIlRTYlOUIlQjglRTMlODElODQlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI3YTIwOWRiNDI0YTMzYjQ1NDEyYjJjZmM5MDI2YzY1%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdHN1dXV1dV9zYW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRmYzU1ZDlkM2MzZWUzZDQ2NDRkOTJkMzMzYTI3NjVj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D51ff2fd9fd2fc9dad4279f2a7f21d22d)