Question

我有一个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()

但它似乎不起作用。

有什么建议吗？

如何在iframe中拖动滑块？

0 个答案: