puppeteer - 鼠标按下并截取元素的屏幕截图

Question

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

根据api docs，这就是它的作用

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();
  });

按下鼠标时，该按钮有一些动画，这就是我要截屏的内容。

感谢支持