#reactjs #typescript #karma-jasmine #enzyme
Вопрос:
У меня есть компонент, который использует несколько компонентов:
class MyTable: Component { render() { return (lt;gt;lt;/gt;); } } class MyContainer: Componentlt;Propsgt; { ... handleSomething = () =gt; {}; handleChange = () =gt; {}; ... render() { return ( lt;gt; lt;MyTable items={items} onSomething={handleSomthing} /gt; lt;select onChange={handleChange}gt; lt;option value="1"gt;Onelt;/optiongt; lt;/selectgt; lt;/gt; ); } } Мой компонент содержит 2 обработчика, которые инкапсулируют некоторую логику.
Как правильно проверить эту логику? Я вижу 2 варианта:
- используйте enzyme shallow для тестирования микомпонента, MyTable отдельно (переместите select в отдельный компонент и протестируйте его таким же образом)
- Используйте ферментное крепление и протестируйте его интегрированным