javascript - 模拟 enzyme 中函数的返回

Question

我有这个功能:

addTheItem = item => {
     return this.itemAlreadyAdded(item) ? this.setState({errorMessageShown: true}) : this.props.addItem(item)
   }

我如何模拟这个函数(它存在于我的 react 组件中，即不是一个 prop)来返回 true 或 false，以便我可以测试三元？

Answer 1

这样的东西可以让你测试这个功能:

import Component from './Component'
....
const wrapper = Shallow(Component);
expect(wrapper.instance().addTheItem()).toBe(...) // Jest (or whatever you choose)

您可以这样检查状态:

const wrapper = Shallow(Component);
expect(wrapper.state('errorMessageShown').toBeTruthy() // When this.itemAlreadyAdded(item) returns true.

• 使用 enzyme Mount进行嵌套组件..