reactjs – 酶浅层渲染只是redux组件中的一个节点

我有一个简单的测试,如下所示：

import React from 'react';
  import { shallow } from 'enzyme';
  import { createMockStore } from 'redux-test-utils';

  import Test from './Test'

  it('should render ',() => {
    const testState = {
      app: {
        bar: ['a','b','c']
      }
    };

    const store = createMockStore(testState)
    const context = {
      store,};
    const shallowComponent = shallow(<Test items={[]}/>,{context});

    console.log(shallowComponent.debug());

  }

Test组件如下所示：

class Test extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return(
      <div className="here"/>
    )
  }
}
export default Test;

正如预期的那样打印出来：

<div className="here" />

但是,如果我的组件是redux组件：

class Test extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return(
      <div className="here"/>
    )
  }
}
const mapStateToProps = state => {
  return {
    barData: state.app.bar
  }
}

export default connect(
  mapStateToProps
)(Test)

然后我在控制台得到的是：

<BarSeriesListTest items={{...}} barData={{...}} dispatch={[Function]} />

为什么会出现这种差异？如何测试我的组件是否具有< div className =“here”/>嵌入在我的redux版本的组件中？