#83 Remix Vitestでのコンポーネントテストなど ─ 個人開発者向けのサービスの開発記録

tyshgc
·

本日(4/20)の作業

  • ✅ Remix vitetestでのuseNavigateを含むコンポーネントのテスト

  • 🚴 日報・分報の概念の再定義

  • 🚴 日報の画面設計・実装

    • 🚴 設計

    • 🚴 実装

  • サインインの実装

    • 認証画面実装

    • 認証ロジック実装(主にClient側)

    • Server側の認証チェック実装

    • Client側の認証チェック実装

Remix vitestでのuseNavigateを含むコンポーネントのテスト

Router ContextでラップしていないとuseNavigateは使えないのでvitestでテストする際に以下のエラーになります(jestでも同様と思われ)。

Module 'useNavigate() may be used only in the context of a <Router> component.

react-router-domであればRouterコンポーネントでラップすれば良いですが、remixではRouterコンポーネントをimportできないのでuseNavigateをmockします。

その他、メモなど

Notionのデータベースが一部消えた

画面というか、ここ数日考えていた日報であるべきものを再度モデリングしてみようとNotionの概念モデルページ開いたら日報・分報など開発記録集約のエンティティが悉くきえてた…。

しかもNotionのデータベース自体の変更履歴はないみたいでいつ消えたのかも記録にない。まじかー…。一気にNotionへの信頼が消えたし怖すぎだろう。

その辺考えるとGitと連携できる概念モデリングツール欲しいな。とまたアイデアの種が…。作りたいものが多すぎて困る。

というわけなので今日・明日でその辺をやりつつ画面設計などを行います。明日はもくもく会だしまとまって時間取れるので。

ショックだ。アイムショック。

← #82 #84 →

@tyshgc
デザインファーム及びスタートアップ(上場)などを経てフリーランスとして、様々なスタートアップや大手企業の新規事業の立ち上げ期における事業設計・アプリケーションの設計・開発、サービスのUX分析とデザインとエンジニアリングの両軸でお手伝いさせていただいています。 現在、個人開発者向けの支援サービスを個人開発中。 X Account: @tyshgc