특정 좌표에서 클릭을 시뮬레이션하기

일부 웹사이트는 이미지나 <canvas> 요소의 특정 위치를 클릭해야 동작이 발생하는 경우가 있습니다.

예를 들어, 지도상의 특정 영역, 차트, 이미지 기반 버튼 등을 클릭하는 경우입니다.

설정 방법

1. 먼저, 이미지 또는 <canvas> 요소를 대상으로 하는 “요소 클릭(Click element)” 스텝을 생성합니다.

   ※ 기본적으로 Playwright는 요소의 중앙을 클릭합니다.

2. 해당 “요소 클릭” 스텝을 Playwright 코드 스텝으로 변환하고, 클릭하고자 하는 좌표를 명시적으로 지정합니다.

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

   x 와 y 값은 요소의 왼쪽 상단을 기준으로 한 CSS 픽셀 단위로 조정하세요.

정확한 클릭 위치를 추정하기 위해 브라우저의 요소 검사기(인스펙터)를 사용하여 요소의 크기와 위치를 확인하는 것이 좋습니다.