Wie in Enzym an der Stütze zugeordneten Komponente für den Zugriff auf

Question

Dies ist meine Komponente:

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

Ich möchte Überprüfung der Checkbox testen. Hier ist mein Test:

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

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

Wie kann ich die Checkbox finden?

Answer 1

Sie müssen das ListItem Element dann die prop bekommen finden und rufen simulate darauf:

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

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