from playwright.sync_api import sync_playwright
URL='https://seaside.pacim.de/terminal.php?h=7ce77d013296dfcb9d195860'
with sync_playwright() as pw:
    b=pw.chromium.launch()
    pg=b.new_page(viewport={'width':400,'height':820}, device_scale_factor=2)
    pg.goto(URL, wait_until='networkidle'); pg.wait_for_timeout(500)
    print('no-scroll:', pg.evaluate("document.documentElement.scrollHeight <= window.innerHeight"))
    print('has pinPad:', bool(pg.query_selector('#pinPad')), '| has pinLines svg:', bool(pg.query_selector('#pinLines')))
    def c(d):
        bb=pg.eval_on_selector('.pin-key[data-d="%s"]'%d,'e=>{var r=e.getBoundingClientRect();return [r.left+r.width/2,r.top+r.height/2];}'); return bb
    p1,p5,p9=c('1'),c('5'),c('9')
    pg.mouse.move(p1[0],p1[1]); pg.mouse.down()
    pg.mouse.move(p5[0],p5[1]); pg.wait_for_timeout(60)
    pg.mouse.move(p9[0],p9[1]); pg.wait_for_timeout(60)
    # mid-drag screenshot (before up)
    print('seg points:', pg.eval_on_selector('#plSeg','e=>e.getAttribute("points")'))
    print('dots:', pg.eval_on_selector_all('#pinDots span','e=>e.length'))
    pg.screenshot(path='/tmp/pin_swipe.png')
    pg.mouse.up()
    b.close()