用testing-library在JS中模擬長按鼠標左鍵

Question

我正在寫一個集成測試，我需要點擊 html object 超過 0.5 秒。 在同一測試中，我已經能夠使用userEvent來處理各種鍵的操作，例如：

  const user = userEvent.setup();
  await user.keyboard("[ShiftLeft>]"); // Press Shift (without releasing it)
  const pointer = await screen.findByText(objectName);
  await user.click(pointer);
  await user.keyboard("[/ShiftLeft]"); // Release Shift

我想知道是否有一種方法可以做類似的事情（有或沒有 userEvent）來在頁面中長按 object。 就像是：

• 鼠標左鍵單擊 X 而不釋放按鈕
• 等待 1s
• 釋放鼠標左鍵

謝謝！

Answer 1

我找到了解決我問題的方法，也許它對其他人有用:)它使用來自測試庫/用戶事件的userEvent pointer 。

export async function longPress(target: string) {
  const myTarget = await screen.findByText(target);
  const user = userEvent.setup();
  await user.pointer({
    keys: "[MouseLeft>]",
    target: myTarget ,
  });
  await new Promise((resolve) => {
    setTimeout(resolve, 1000);
  });
  await user.pointer({ keys: "[/MouseLeft]", target: myTarget });
}