Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Nuxt 3ではじめるテスト導入戦略と初手

Avatar for hacomono Inc. hacomono Inc.
November 22, 2024
65

Nuxt 3ではじめるテスト導入戦略と初手

Avatar for hacomono Inc.

hacomono Inc.

November 22, 2024
Tweet

More Decks by hacomono Inc.

Transcript

  1. 野崎 才門 / Saimon Nozaki • 株式会社 hacomono プロダクト開発本部 POSグループ

    • hacomonoは2社目 • 前職から一貫して金融・決済サービス の開発に関わっています 自己紹介 2

  2. アプリケーション構成 useMember - selectMember - unselectMember - current … SearchMember

    Modal plan.vue 状態の操作だけでなく 純粋な関数も含む - useState<’member’> Components Composables Pages API Issue Tracker HardWares … 13

  3. 課題感とアクション • hacomonoと共用する会計金額の計算 • 売上のCRUD • 点検・精算など各種締め処理 … • 入力・確認モーダルの制御

    • 条件に応じたコンポーネントの活性制御 • データのフェッチと変換 … 17
 「テスト不足」フロントエンドとバックエンドで少し違う
  4. 課題感とアクション • hacomonoと共用する会計金額の計算 • 売上のCRUD • 点検・精算など各種締め処理 … • 入力・確認モーダルの制御

    • 条件に応じたコンポーネントの活性制御 • データのフェッチと変換 … 「テスト不足」フロントエンドとバックエンドで少し違う パターンをできるだけ 網羅したい! テストがない!できない! 18