У меня есть HTML-страница, которая содержит слайдер внутри iframe.
Например:
<body>
<iframe>
<slider>
<element-to-drag></element-to-drag>
</slider>
</iframe>
</body>
Я бы хотел перетащить ползунок слева направо.
Я использую следующий код:
const boundingBoxOfSlider = await (await iframe.$('element-to-drag')).boundingBox()
const boundingBoxOfIframe = await (await page.$('.form-content')).boundingBox()
await page.mouse.move(
(boundingBoxOfSlider.x + boundingBoxOfIframe.x) + boundingBoxOfIframeOfSlider.width / 2,
(boundingBoxOfSlider.y + boundingBoxOfIframe.y) + boundingBoxOfIframeOfSlider.height / 2
)
await page.mouse.down()
// move the element to drag to the right (x+300)
await page.mouse.move(
(boundingBoxOfSlider.x + boundingBoxOfIframe.x) + boundingBoxOfIframeOfSlider.width / 2 + 300,
(boundingBoxOfSlider.y + boundingBoxOfIframe.y) + boundingBoxOfSlider.height / 2
)
await page.mouse.up()
но, похоже, не работает.
Есть предложения?