Тестирование существования подключенного компонента с реакцией-редукцией

Question

Я пытаюсь протестировать компонент, который обертывает подключенный компонент. Так что я (упрощенно):

const InnerComponent =() => { 
    return (
    <p>Hi!</p> 
) 
} 

const InnerComponentWrapper = connect()(InnerComponent) 

const OuterComponent =() => { 
    return (
    <div> 
     <InnerComponentWrapper> 
    </div> 
) 
} 

(Очевидно, есть больше этих компонентов, в том числе состояния вещества, связанные)

Теперь я пытаюсь просто проверить, что InnerComponent (или InnerComponentWrapper) в OuterComponent. Я использую шут + фермент. Когда я рисую OuterComponent (мелкий или монтирующий), все, что я могу найти в OuterComponent, это элемент с тегом «Connect», который ничего не имеет на нем, я могу найти, что может сказать мне, какой элемент он обертывает.

Что я пробовал:

const enzymeWrapper = shallow(<OuterComponent />) 
expect(enzymeWrapper.find('Connect').length).toBe(1) // pass 
expect(enzymeWrapper.find('Connect(InnerComponentWrapper)').length).toBe(1) // fail 
expect(enzymeWrapper.find('InnerComponentWrapper').length).toBe(1) // fail 
expect(enzymeWrapper.find('InnerComponent').length).toBe(1) // fail 

Спасибо!

Answer 1

Я нашел решение, там определенно может быть лучше один, но это Hacky один будет делать сейчас:

const enzymeWrapper = shallow(<OuterComponent />) 
expect(enzymeWrapper.find('Connect').node.type.WrappedComponent({})).toEqual(InnerComponent({}))