嘲笑酶中功能的返回

Question

我有这个功能：

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

我怎么能模仿这个函数（它存在于我的反应组件中，即不是支柱）来返回我的真或假所以我可以测试三元组？

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.

• 使用酶装置作为嵌套组件..