React Redux浅测试连接的组件

Question

我正在尝试对我的React应用中的Redux连接的组件进行浅测试。

在我的测试文件中，我做app.debug() 在本例中，通常会打印出我的组件树，如下所示：

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

在这种情况下，

是我使用的redux组件。因此我的测试看起来像这样：

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);
});

我通常会像这样对组件进行浅层测试，但是这次它不起作用。