フロントエンドカンファレンス北海道2024
LT(5分)

Remix製アプリにおける単体テストで直面した課題とその解決方法について

やし yashi848484
1

Remix を使ったアプリケーションにおけるコンポーネントの単体テストでは、 @remix-run/testing パッケージで提供されているスタブを利用すると思います。
しかしこのスタブは useRouteLoaderData を利用しているコンポーネントではうまく動きません。
このように、 Remix 公式から提供されているスタブではカバーできることとできないことがあり、公式ドキュメントには特に記載がありません。
この LT では、

  • RemixStub がカバーしていることとしていないこと
  • useRouteLoaderData hook を使っているコンポーネントの単体テストをどうやるか
  • remix-typedjson を使っている場合に発生する別の課題とその解決方法

などについて話し、Remix を使った開発を行っている方々の助けとなる情報を届けられれば幸いに思います。