Как проверить обработчик событий с помощью фермента

Question

Как мы тестируем обработчик кликов с помощью мелкой визуализации с использованием фермента

class Example extends React.Component { 
    render() { 
    const { 
     message 
    } = this.props 
    return <Alert key={message.id} bsStyle={message.state} onDismiss={()=>this.handleAlertDismiss(message.id)}>{message.text}</Alert> 
    } 
    handleAlertDismiss = (id) = > { 
    console.log(id) 
    } 
} 

как мы тестируем функцию onDismiss, которая была добавлена ​​к Alert компоненту.

Answer 1

Создайте компонент и вызовите функцию увольнения следующим образом.

const log = jest.fn(); 
global.console = {log} 
example = shallow(<Example message={{id: 'test'}}/>); 
example.props('onDismiss')() //just find the dismiss prop and call the function 
expect(log).toHaveBeenCalledWith('test') 

Проблема с вашим примером в том, что нет ничего реального для тестирования. Чтобы он работал с вашим примером console.log, я макет console.log со шпионом, который можно протестировать, чтобы проверить, что он был вызван с правильным параметром.