特定の座標でクリックをシミュレートする

一部のWebサイトでは、画像や <canvas> 要素などの特定の部分をクリックすることで動作が発生するケースがあります。
例としては、地図上の特定エリア、チャート、画像ベースのボタンなどが該当します。

設定方法

1. まず、画像または <canvas> 要素を対象とした「Click element（要素をクリック）」ステップを作成します。
   ※このままだとPlaywrightは要素の中央をクリックします。

2. この「Click element」ステップをPlaywrightコードステップに変換し、クリックしたい座標を明示的に指定します。

   await page.getByRole("button", {name: "My Image Button"}).click({position: {x: 40, y: 40}})

   x および y の値は、要素の左上を基準としたCSSピクセルでの位置に調整してください。

正確なクリック座標を見積もるためには、ブラウザの要素インスペクタを使用して、対象要素のサイズや位置を確認するのがおすすめです。