如何监视从 Jasmine 2 中的模块导出的函数？

Question

源代码

  import lookupFooFunction from '../../utils/sampleJSFile';
    function a() {
      const a = 'bla';
      const b = 'zoo';
      lookupFooFunction(a,b) 
      //more stuff
    }

测试代码

spyOn(window, 'lookupFooFunction');
expect(viewInstance.caFormView.lookupStarRewardsPhone).toHaveBeenCalledWith('bla','zoo');

我希望能够监视我对lookupFooFunction 的调用并使用toHaveBeenCalledWith，但由于lookupFooFunction 不是一个对象，我不知道该怎么做。

当我执行上述操作时，我收到错误消息错误：：lookupFooFunction() 方法不存在。

谷歌搜索了更多东西，发现窗口对象不应该工作，因为我和这里的这个人有同样的问题https://groups.google.com/forum/#!topic/jasmine-js/a3gNCMMd3UM 但是，我无法让事情与 jasmine.createSpy 一起工作'不清楚这种方法是否可行。

Answer 1

如果

spyOn(window, 'lookupFooFunction');

不工作，你可以使用

lookupFooFunction = jasmine.createSpy();

作为创建间谍的替代 Jasmine 语法。 Here's a CodePen 如果 StackOverflow 代码运行程序不工作，可以使用它。

// This will be imported, but is stubbed here
function lookupFooFunction(a, b) {
  return 123;
}

function a() {
  const a = 'bla';
  const b = 'zoo';
  lookupFooFunction(a, b);
}

it('test', () => {
  // Arrange - spy with jasmine.createSpy() or spyOn(window, 'lookupFooFunction')
  lookupFooFunction = jasmine.createSpy();
  //spyOn(window, 'lookupFooFunction');
  
  // Act
  a();
  
  // Assert
  expect(window.lookupFooFunction).toHaveBeenCalledWith('bla', 'zoo');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.99.2/jasmine.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.99.2/jasmine-html.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.99.2/boot.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jasmine/2.99.2/jasmine.min.css" rel="stylesheet"/>