wrapper.find не работает из-за подключения

Question

Следующий тестовый пример, написанный с помощью шутки и энзима, не работает:

it('Displays Trade component', () => {
    console.log("Testing Shallow", wrapper)
    expect(wrapper.find('Trade').length).toEqual(1); 
  });

Я использовал console.log(wrapper.debug()), чтобы утешить его, и обнаружил следующее:

<Connect(Trade) tradeData={[undefined]} />

Как теперь определить компонент?

Answer 1

вам необходимо импортировать компонент за пределами connect

сделайте следующее:

export const Trade = () => {
   // your component Logic
}

<Connect(Trade) tradeData={[undefined]} />

then in your test file

import {Trade} from './trade'

you need to import it as a component itself OUTSIDE of Redux land