如何使用Sinon窺探導入的函數？

Question

假設我們想要測試一個特定的函數是由另一個使用Sinon的函數調用的。

fancyModule.js

export const fancyFunc =() => { 
    console.log('fancyFunc') 
} 

export default const fancyDefault =() => { 
    console.log('fancyDefault') 
    fancyFunc() 
} 

fancyModule.test.js

import sinon from 'sinon' 
import fancyDefault, { fancyFunc } from '../fancyModule' 

describe('fancyModule',() => { 
    it('calls fancyFunc',() => { 
    const spy = sinon.spy(fancyFunc) 
    fancyDefault() 
    expect(spy.called).to.be.true 
    }) 
}) 

當我運行這個測試的實際值始終假。另外，原函數fancyFunc()被調用（輸出fancyFunc）而不是被模擬。

Answer 1

您應該使用https://github.com/speedskater/babel-plugin-rewire/

import sinon from 'sinon' 
 
import fancyDefault, { __RewireAPI__ } from '../fancyModule' 
 

 
describe('fancyModule',() => { 
 
    it('calls fancyFunc',() => { 
 
    const spy = sinon.spy() 
 
    __RewireAPI__.__Rewire__('fancyFunc', spy) 
 
    
 
    fancyDefault() 
 

 
    expect(spy.called).to.be.true 
 
    }) 
 
})

此外，檢查例如：https://github.com/speedskater/babel-plugin-rewire#test-code-2

Answer 2

您可以更改導入的風格，並導入模塊這樣

對象

import sinon from 'sinon' 
 
import * as myModule from '../fancyModule' 
 

 
describe('fancyModule',() => { 
 
    it('calls fancyFunc',() => { 
 
    const spy = sinon.spy(myModule, 'fancyFunc'); 
 
    myModule.fancyDefault() 
 
    expect(spy.called).to.be.true 
 
    }) 
 
})