🎯 練習の目標(Lv.5)
通常のタップで指定しにくい3つのボタンを、CSSセレクタを直接入力して自動タップするフローを作りましょう。各チャレンジのセレクタはヒントに記載されています。
ドロップダウンを開いた後に現れる「ヘルプ」は、フロー実行時に自動で閉じてしまうため、セレクタで直接指定します。
ヒント — セレクタを直接入力する場合:
#menu-help(ドロップダウンが閉じていても、このセレクタで要素を直接タップできます)
「削除確認ダイアログ」内の「完全に削除する」ボタンは、モーダルを開かないと画面に現れません。セレクタを使えばモーダルの状態に関係なく指定できます。
ヒント — セレクタを直接入力する場合:
#modal-delete-btn(モーダルが閉じていても Smauto はこのセレクタで要素を認識してタップできます)
「承認する」ボタンはページ読み込みから3秒後に追加されます。タップで指定しようとしてもまだ存在しない場合に、セレクタで直接指定する練習です。
ヒント — セレクタを直接入力する場合:
#approve-btn(ボタンが表示される前でもフローに登録しておけます。「待機(要素の出現)」と組み合わせましょう)