如何訪問到道具指派的分量酶

Question

這是我的組件：

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'); 
}); 

如何找到複選框？

Answer 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'); 
});