按下鼠标并拍摄元素的屏幕截图

Question

我正在尝试模拟元素上的mousedown操作，然后拍摄快照，但这似乎不起作用，因为屏幕截图不是我期望的。

根据api文档，这就是它的作用

mouse.down([options])
options <Object>
button <"left"|"right"|"middle"> Defaults to left.
clickCount <number> defaults to 1. See UIEvent.detail.
returns: <Promise>
Dispatches a mousedown event.

我尝试了以下方法：

  it('primary button visually looks correct on mouse down', async () => {
    await page.goto('my_url_page');
    await page.waitForSelector(testData.button, 20000);
    const elementHandle = await page.$(testData.button);
    await page.mouse.move(0, 0);
    await page.mouse.down();
    const image = await elementHandle.screenshot();

    expect(image).toMatchImageSnapshot();
  });

当鼠标被按下时，按钮上有一些动画，这就是我想要的屏幕截图。

对此表示感谢