Jasmine - 测试 execCommand

Question

我正在尝试使用 jasmine 测试我的 Angular 应用程序，其中组件具有单击和复制功能。

it('Should copy value to cilpboard', () => {
  ...
  spyOn(document, 'execCommand').and.callThrough();
  // element.querySelector('#copy').click();
  // expect(document.execCommand).toHaveBeenCalledWith('copy');
});

但每次我运行测试时都会收到以下错误：

spyOn : execCommand() 方法不存在

我没有在任何地方声明“文档”，我只是在这里直接调用它。

Answer 1

我认为您需要在文档而不是元素上执行命令。我知道你已经在上面的 sn-p 中注释了该代码，但是，如果文档没有得到命令，你可以尝试一下并测试一下

 document.querySelector('#copy').click();

然后期待

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

注意：在运行此测试时，您的文档上应该有一个带有 id 副本的元素。我不确定它是否是从您的组件创建的，如果不是，请 createElement 并附加到 dom