職員個人用アプリ (app/Staff) 手動操作テストケース定義書 [オフライン/デモ版]

最終更新: 2026-05-27 対象: Staff (職員個人用スマートフォン PWA アプリ - デモモード / オフライン環境)

ローカルで動作するデモ環境（オフライン版）における自動ログイン確認、プロフィールの検証、動的なダミーシフト生成確認、通知テストの模擬動作に関する手動テスト手順です。

1. 自動ログインとプロフィールの検証

STF-OFL-LGN-01: オートログイン時のプロフィール検証

操作手順:
1. オフラインの状態で、職員アプリを起動する。
2. ログイン画面がバイパスされ、最初からダッシュボードにログイン状態で入ることを確認する。
3. 右上のプロフィール（ユーザー）アイコンをタップし、メニューを表示する。
期待される結果:
- プロフィールメニューのヘッダーに、空欄ではなく 「デモ職員さん」 と名前が正しく表示されていること。
- ロールに「職員ポータル」と表示されていること。

2. シフトカレンダーの動的生成検証

STF-OFL-SHF-01: 月次シフトデータの動的生成と表示

操作手順:
1. メニューから「シフト」をタップし、カレンダー画面を開く。
2. カレンダーの月移動ボタン（「＜」や「＞」）をタップして、前月や翌月など、任意の月に切り替える。
期待される結果:
- 画面が真っ白にフリーズ（クラッシュ）しないこと。
- 切り替えた先の月においても、平日は「出勤」（09:00 〜 18:00）、土日は「公休」のシフトデータが自動的かつ動的にカレンダー上に生成・配置されていること（データがないため空の日付が表示される状態を回避）。

3. 明細・その他デモ機能

STF-OFL-PAY-01: デモ用給与明細照会

操作手順:
1. 「給与」メニューを開く。
2. 一覧に表示された過去月のデモ用明細詳細を開く。
期待される結果:
- モック用の支給データがスムーズに描画され、確認マークがトグルできること。

STF-OFL-TST-01: 通知テストボタンの模擬動作

操作手順:
1. ダッシュボードのウェルカムセクション右上にある「通知テスト」ボタンをタップする。
期待される結果:
- サーバーオフライン状態であっても通信エラーにならず、「[デモ] テスト通知を送信しました。数秒以内に届かない場合は、ブラウザの設定を確認してください。」 というポップアップ通知が表示され、正常終了すること。
- ボタンに lucide-react の Bell アイコンが表示されており、プレミアムなデザイン（丸角、シャドウ、ホバー効果）で動作すること。