AI Form Bench
3.7難易度 ★★★★★#カスタムUI#role

カスタムコントロール

カスタムドロップダウン／日付ピッカー／スライダー／星評価／トグル／リッチエディタ／タグ入力／オートコンプリート

ネイティブHTML要素ではないカスタムUI（role=listbox／カスタム日付ピッカー／スライダー／星評価／トグルスイッチ／contenteditable／タグ入力／オートコンプリート）の操作を検証。AIエージェントが最も苦手とする領域です。

① カスタムドロップダウン (role=listbox)

期待値: 関西 (kansai)

② カスタム日付ピッカー（カレンダーUI）

期待値: 2026-05-15

③ カスタムスライダー

06002000

期待値: 1200（中央付近）

④ 星評価レーティング

期待値: 4 (4つ星)

⑤ トグルスイッチ

期待値: メール=ON / プッシュ=OFF（両方とも現状から切り替え）

⑥ リッチテキストエディタ (contenteditable)

ここに自己紹介を入力...

期待値: 「フロントエンドエンジニアとして10年の経験」を含む文章

⑦ タグ入力（Enterで追加）

期待値: AI / フロントエンド / UX の3つのタグ（順不同）

⑧ 検索型オートコンプリート（Google Places風）

期待値: 「渋谷駅」を選択（候補リストから選ぶ）

エージェント識別:

各フィールドには data-expected-value が 埋め込まれています（?reveal=1 で可視化）。送信時に/api/submit へPOSTされ、結果はダッシュボードで確認できます。