如何模拟默认从另一个文件导入的笑话函数

Question

我的问题是关于如何模拟默认从另一个文件导入的 jest 函数。

我要测试的是该组件使用功能启用功能 (Features.js)

我使用 jest.fn() 模拟了这个函数，并尝试使用 mockReturnValueOnce

更改值

如下所示。

模拟/features.js

export default function isFeatureEnabled (featureName) {
  return true // want to test both true/false cases 
}

test.spec.js

jest.mock('__mocks__/features.js', () => ({
  isFeatureEnabled: jest.fn()
}))

describe('isFeatureEnabled', () => {
  it('isFeatureEnabled=[true]', () => {
    isFeatureEnabled.mockReturnValueOnce(true)
   // some tests
  })
  it('isFeatureEnabled=[false]', () => {
    isFeatureEnabled.mockReturnValueOnce(false)
   // some tests
  })
})

当我运行测试时，我收到了一个错误消息mockReturnValueOnce is not a function。这个stackoverflow question 启发了我以这种方式实现，但我仍然无法弄清楚如何使它工作。

Answer 1

你已经接近了。

这是一个简单的工作示例，演示了您要执行的操作：

---

features.js

export default function isFeatureEnabled (featureName) {
  // this is the actual implementation...
  return true  // ...but for the example just return true
}

__mock__/features.js

export default jest.fn(() => true);  // default export is mock that returns true

code.js

import isFeatureEnabled from './features';

export const funcToTest = () => isFeatureEnabled() ? 'enabled' : 'not enabled';

code.test.js

import { funcToTest } from './code';
import isFeatureEnabled from './features';

jest.mock('./features');  // use the manual mock

describe('funcToTest', () => {
  it('isFeatureEnabled=[true]', () => {
    isFeatureEnabled.mockReturnValueOnce(true);
    expect(funcToTest()).toBe('enabled');  // Success!
  })
  it('isFeatureEnabled=[false]', () => {
    isFeatureEnabled.mockReturnValueOnce(false);
   expect(funcToTest()).toBe('not enabled');  // Success!
  })
})

Answer 2

我认为你应该测试你的功能结果。导入 isFeatureEnabled 并测试它返回的内容。我不明白你为什么要使用模拟。

import isFeatureEnabled from './isFeatureEnabled'

describe('Testing features', () => {

    it('isFeatureEnabled should return true if "add" feature is enabled', () => {
        const feature = 'add'
        const result = isFeatureEnabled(feature)
        expect(result).toEqual(true)
      })
});