デモ/スクショのシナリオは実データ・実DOMで前提検証してから書く
Playwright
テスト自動化
デモ録画
運用
UI 自動操作のデモシナリオを書く前に、対象を実際に動かして前提を検証する。検索デモなら使う検索語が実際にヒットするか API で先に確認する(ヒット0だと空の結果を録ってしまう)、クリック対象の座標や要素構成は実 DOM で測る、locator は複数マッチで strict mode 違反にならないよう nth=0 / first で1つに確定させる(例: フィードのメモ本文に h2 が41個あり waitFor:"h2" が失敗)。想像で書いたシナリオは実行時に落ちる、を前提にする。
(strict mode 自体は Playwright の既知挙動。ここで再利用価値があるのは「シナリオを書く前に実データ・実DOMで前提検証する」実践部分。)