★★☆ 中級想定ステップ数: 約6ステップ
S3 在庫一覧の集計・並び替え
カテゴリ・キーワードで在庫一覧を絞り込み、単価・在庫数で並び替えながらページを跨いで集計するシナリオです。ソート状態の機械可読な検証やページネーション操作の確認に向いています。
このシナリオで試せるブラウザ操作
- ネイティブ <select> によるカテゴリ絞り込み
- テキスト入力によるキーワード検索
- 列見出しクリックによる並び替え（aria-sort の読み取り）
- ページ送りボタンによるページネーション操作
- URL クエリパラメータを跨いだ状態の再現
お題（Lv1〜Lv3）
Lv1: 在庫10未満の商品を全部挙げる
在庫数が10未満の商品をすべて洗い出します。
AI へ渡す指示文
/demo/inventory を開いて、在庫数の少ない順に並び替え、在庫数が10未満の商品をすべて商品コードと在庫数の組み合わせで報告してください。
合格条件
- 在庫数の列見出しを操作して昇順に並び替えている
- ページを跨いで在庫数10未満の商品をすべて漏れなく報告している
つまずきやすいポイント
- 1ページに20件しか表示されないため、在庫数の少ない商品が複数ページにまたがる場合がある
- 並び替え前（商品コード昇順）のままだと在庫の少ない商品が全ページに散らばっていて見つけにくい
Lv2: 単価の高い順に並べ替えて上位5件を報告する
単価列を降順に並び替え、上位5件の商品を確認します。
AI へ渡す指示文
/demo/inventory を開いて、単価列を降順に並び替え、単価が高い順に上位5件の商品名と単価を報告してください。
合格条件
- 単価の列見出しを操作して昇順→降順の順に切り替えている
- 先頭ページの上位5行を正しく報告している
つまずきやすいポイント
- 列見出しは1回目のクリックで昇順、2回目のクリックで降順になる（いきなり降順にはならない）
- 単価が同一の商品が複数あるため、順序は商品コード昇順で安定して並ぶ点に注意する
Lv3: ページを跨いで条件に合う商品を全部集めて合計する
カテゴリで絞り込み、全ページを巡回して該当商品の在庫数を合計します。
AI へ渡す指示文
/demo/inventory を開いて、カテゴリを「飲料」に絞り込み、該当するすべてのページを確認して、飲料カテゴリの商品の在庫数の合計を報告してください。
合格条件
- カテゴリ選択で「飲料」に絞り込んでいる
- 総ページ数を確認し、すべてのページを巡回している
- 各ページの該当行の在庫数を正しく合計している
つまずきやすいポイント
- 総ページ数を確認せずに1ページ目だけで集計を打ち切ってしまいやすい
- 「次へ」ボタンは最終ページで押せなくなるため、それをページ末尾の合図として使える