はじめに
はじめてReactのテストを書く中で、ちゃんと書いているはずなのになぜか失敗してしまうことがあったので、そのことについて書いておこうと思います。
（超基本的なところなので、悪しからず。。）
躓いたポイント
- テストがタイムアウトになって失敗してしまう
- Inputフィールドで値をクリアにしているにも関わらず、クリアされていない（想定外の値が入っている）
テストの書き方が良くないのかと思って調べてみるのですが、よさそうな解決法が出てこず。。
何が悪かったのか
上記で起きた内容はどちらも同じことが原因となって起きていたということがわかりました。
とても単純な話ですが、Promiseが戻り値の型として返ってくるのにawaitを書き忘れていた。
それによって処理が正しく行われずエラーになってしまっていました。
おわりに
すごく単純なミスでうまく動かないこともあるので、ただ動くからOKではなくちゃんと意図した書き方になっていることを確認する必要があるということを再認識しました。
ESLintにはawaitの書き忘れを防ぐためのルールもあるようなので、こういったものも積極的に使っていきたいと思います。
https://eslint.org/docs/latest/rules/require-await