如何监视 ES6 中命名导出的子函数

Question

我想监视作为命名导出导出的子函数，但是，我们似乎无法监视它。

假设我在 operations.js 中有两个名为 add 和 multiply 的函数，并将它们导出为名为 exports:

const add = (a, b) => {
  return a + b
}

const multiply = (a, b) => {
  let result = 0

  for (let i = 0; i < b; i++) {
    result = add(a, result)
  }
  return result
}

export { add, multiply }

并且测试文件使用 sinon-chai 来尝试监视 add 函数：

import chai, { expect } from 'chai'
import sinon from 'sinon'
import sinonChai from 'sinon-chai'
import * as operations from './operations'

chai.use(sinonChai)

describe('multiply', () => {
  it('should call add correctly', () => {
      sinon.spy(operations, 'add')

      operations.multiply(10, 5)
      expect(operations.add).to.have.been.callCount(5)

      operations.add.restore()
  })
})

结果是

AssertionError: expected add to have been called exactly 5 times, but it was called 0 times

但是，如果我像下面这样直接调用 operations.add，它会通过测试：

describe('multiply', () => {
  it('should call add correctly', () => {
      sinon.spy(operations, 'add')

      operations.add(0, 5)
      operations.add(0, 5)
      operations.add(0, 5)
      operations.add(0, 5)
      operations.add(0, 5)
      expect(operations.add).to.have.been.callCount(5)

      operations.add.restore()
  })
})

似乎 sinon-spy 为 operations.add 创建了一个新引用，但是 multiply 函数仍然使用已经绑定的旧引用。

如果这些函数被命名为 exports，那么监视这个 multiply 函数的 add 函数的正确方法是什么？

一般来说，如何监视被测试的父函数的子函数，它们都被命名为 exports？

[更新]

multiply 函数只是一个例子。我的主要观点是测试父函数是否调用子函数。但是，我不希望该测试依赖于子功能的实现。所以，我只想监视子函数是否被调用。您可以想象 multiply 函数是 registerMember 函数，而 add 函数是 sendEmail 函数。（两个函数都被命名为 exports。）

Answer 1

我有自己的问题的解决方法。

目前，multiply() 函数与 add() 函数紧密耦合。这使得测试变得困难，尤其是当导出的函数获得新引用时。

因此，为了监视子函数调用，我们可以将子函数传递给父函数。是的，是 dependency injection.

所以，在operations.js中，我们将addFn注入multiply()并使用如下：

const add = (a, b) => {
  return a + b
}

const multiply = (a, b, addFn) => {
  let result = 0

  for (let i = 0; i < b; i++) {
    result = addFn(a, result)
  }
  return result
}

export { add, multiply }

然后，在测试中，我们可以像这样监视 add() 函数：

describe('multiply', () => {
  it('should call add correctly', () => {
      sinon.spy(operations, 'add')

      operations.multiply(10, 5, operations.add)
      expect(operations.add).to.have.been.callCount(5)

      operations.add.restore()
  })
})

现在主要用于测试子函数是否调用正确。

（注意：缺点是我们需要更改multiply()函数）

如何监视 ES6 中命名导出的子函数

How to spy on a sub-function of a named export in ES6

javascript

unit-testing

ecmascript-6

spy

sinon-chai