如何测试剪贴板？

Question

我有这个功能可以将当前 url 复制到剪贴板。

const copyToClipboard = (str) => {
  const tmpElm = document.createElement('textarea');
  tmpElm.value = window.location.href;
  tmpElm.setAttribute('readonly', '');
  tmpElm.style.position = 'absolute';
  tmpElm.style.left = '-9999px';
  document.body.appendChild(tmpElm);
  tmpElm.select();
  document.execCommand('copy');
  document.body.removeChild(tmpElm);
};

我究竟如何测试这个功能？ （使用像 jest 这样的测试框架，它没有嵌套在浏览器中）。

Answer 1

我认为您可以做的最简单的测试是存根您的execComand fn

document.execCommand = jest.fn();

然后你可以写一个测试

expect(document.execCommand).toHaveBeenCalledWith("copy");