Наведите курсор мыши и сделайте скриншот элемента

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

кнопка имеет некоторую анимацию, когда мышь нажата, и это то, что я хочу сделать скриншот.

Цените поддержку с этим