使用Jest和Ezyme，如何测试通过道具传入的函数？

Question

使用玩笑和酶，我如何测试这一点。道具。功能测试运行了吗？

class TestComponent extends Component {
   static propTypes = {
     functionToTest: PropTypes.func
   }
   componentDidMount() {
     this.props.functionToTest()
   }
}

开玩笑的是，我试着创建mockProps，并在安装组件时传递它们。

let props = {
  functionToTest = jest.fn(() => {});
}
beforeEach(() => {
  const wrapper = mount(<TestComponent {...props} />
}

控制台。登录componentDidMount函数会将functionToTest显示为未定义。显然，在坐骑过程中通过道具是不起作用的。

问题1：如何传入将在componentDidMount函数中显示的模拟道具？

问题2：一旦该函数可用，我如何获得该函数的访问权限，以便在函数运行时使用spyOn或类似的测试工具？

Answer 1

问题是TestComponent只在Redux包装器中导出。在类级别添加导出并在Jest测试导入中对其进行分解，以及Henrick在上面发布的解决方案修复了它。

Answer 2

我不知道你的确切设置，但我会这样做：

• 用jest模拟函数。fn（）就像你做的那样
• 将mock传递给正在安装的组件（就像您所做的那样）
• 检查它是否使用expect（…）运行。toBeCalled（）或。TohaveBeenCall（）（在不同的Jest版本中有所不同）

.

let props = {
  functionToTest: jest.fn() // You don't need to define the implementation if it's empty
};

beforeEach(() => {
  const wrapper = mount(<TestComponent {...props} />
}

// In the test code:
it('does something', () => {
    expect(props.functionToTest).toBeCalled();
    // OR... depending on your version of Jest
    expect(props.functionToTest).toHaveBeenCalled();
});