🎯 練習の目標(Lv.5)

通常のタップで指定しにくい3つのボタンを、CSSセレクタを直接入力して自動タップするフローを作りましょう。各チャレンジのセレクタはヒントに記載されています。

チャレンジ 1
ドロップダウンメニュー内のボタン

ドロップダウンを開いた後に現れる「ヘルプ」は、フロー実行時に自動で閉じてしまうため、セレクタで直接指定します。

ヒント — セレクタを直接入力する場合:

#menu-help

(ドロップダウンが閉じていても、このセレクタで要素を直接タップできます)

チャレンジ 2
モーダルダイアログ内の確認ボタン

「削除確認ダイアログ」内の「完全に削除する」ボタンは、モーダルを開かないと画面に現れません。セレクタを使えばモーダルの状態に関係なく指定できます。

ヒント — セレクタを直接入力する場合:

#modal-delete-btn

(モーダルが閉じていても Smauto はこのセレクタで要素を認識してタップできます)

チャレンジ 3
ページ読み込み後に動的追加されるボタン

「承認する」ボタンはページ読み込みから3秒後に追加されます。タップで指定しようとしてもまだ存在しない場合に、セレクタで直接指定する練習です。

承認待ちデータを読み込んでいます... (3秒後に表示)

ヒント — セレクタを直接入力する場合:

#approve-btn

(ボタンが表示される前でもフローに登録しておけます。「待機(要素の出現)」と組み合わせましょう)

🎉 すべてのチャレンジをクリアしました!