miyado.dev

Storybook

ログイン状態の確認を、ページを開いた瞬間からログインフォームを表示した瞬間に移動した。
現状ログインするのは自分だけなので、ページを表示したときに無駄なリクエストを飛ばさないようにするためだ。
その実装自体は簡単だったけど、その過程でコンポーネントの中にuseEffectが移動したので、storybookでちょっと面倒な不具合が起こった。
useEffect自体も中のAPI呼び出しをmswでモックするのも面倒のうちのひとつではあるけど、やればできるレベルでたいしたものではない。
最も厄介だったのがどう考えてもクラスコンストラクタのデフォルト引数がundefinedになっているとしか思えない問題だった。
これは調査も面倒だったし原因もよくわかってはいないが、storybook以外では発生していないことからビルドの問題とあたりをつけて最新のものを使うようにしたらなんとか直った。
これで一安心と思ったら、今度はsnapshot testが確率的に落ちるようになってしまった。
これはたぶん同じだけどエンドポイントを重複してmswでモックしているから。
直したいけど、そこをどう直すかのあたりがまだついていない。
大変だ。