如何访问酶中的道具分配组件

【问题标题】：How to access to the prop assigned component in enzyme如何访问酶中的道具分配组件
【发布时间】：2017-03-20 19:55:48
【问题描述】：

这是我的组件：

const Cmp = (props) => (
  <List>
    <ListItem primaryText='test' leftCheckbox={<Checkbox onCheck={props.onCheck} />} />
  </List>
);

我想测试复选框的检查。这是我的测试：

it('test', (done) => {
  const handleCheck = () => {
    done();
  }

  const wrapper = shallow(<Cmp onCheck={handleCheck} />);
  wrapper.find('the checkbox').simulate('check');
});

如何找到复选框？

【问题讨论】：

标签： material-ui jestjs enzyme

【解决方案1】：

您需要找到ListItem 元素，然后获取prop 并在其上调用simulate：

it('test', (done) => {
  const handleCheck = () => {
    done();
  }

  const wrapper = shallow(<Cmp onCheck={handleCheck} />);
  const checkBox = shallow(wrapper.find('ListItem').first().prop('leftCheckbox')())
  checkbox.simulate('check');
});

【讨论】：

我试过了。不适用于错误TypeError: checkbox.simulate is not a function
你能登录checkBox吗，我假设它还没有渲染，所以也许你必须这样写shallow(checkBox).simulate('check')