React Redux поверхностное тестирование подключенного компонента

Question

Я пытаюсь поверхностно протестировать компонент, подключенный к редуксу, в моем приложении реакции.

В моем тестовом файле я делаю app.debug(), и в этом примере это обычно выводит на экран дерево моего компонента, например так:

  <div>
    <h2>
      Flashcard Pro
    </h2>
    <hr />
    <ConnectFunction />
    <hr />
    <Link to="stack_form">
      <h4>
        Create a New Stack
      </h4>
    </Link>
  </div>

в данном случае - это мой редукционный компонент, где он используется.Поэтому мой тест выглядит следующим образом:

const app = shallow(<App />);
    it('renders the list component', () => {
        console.log(app.debug());
        expect(app.find('<ConnectFunction />').exists()).toBe(true);
    });

Теперь мой тест не пройден, и появляется сообщение об ошибке:

Не удалось проанализировать селектор:

it('renders the list component', () => {
console.log(app.debug());
expect(app.find('<ConnectFunction />').exists()).toBe(true);
});

Я бы обычно выполнял поверхностный тесткомпонент, подобный этому, но на этот раз он не работает.