Компонент без сохранения состояния возвращает `null` для тестирования поверхностных снимков

Question

У меня есть компонент без состояния.

Я сопоставляю снимок для модульных тестов.

Но возвращается null

Spec

import React from 'react';
import { shallow } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json';
import StatelessComponent from 'components/elements/StatelessComponent';


describe('<StatelessComponent />', () => {
  let wrapper;
  beforeEach(() => {
    wrapper = shallow(<StatelessComponent />);
  });

  it ('should render with default props', () => {
    expect(shallowToJson(wrapper)).toMatchSnapshot();
  });
});

Компонент

export const StatelessComponent = () => (
  <div className={styles['container']}>
    <div className={styles['description']}>
      <FormattedMessage {...emailErrorInfo} />
    </div>
  </div>
);

Snapshot

exports[`<StatelessComponent /> should render with default props 1`] = `null`;

Answer 1

import StatelessComponent как этот, потому что это не экспорт по умолчанию

import { StatelessComponent } from 'components/elements/StatelessComponent';

Answer 2

Экспорт компонента Stateless по умолчанию решил проблему.

const StatelessComponent = () => (
  <div className={styles['container']}>
    <div className={styles['description']}>
      <FormattedMessage {...emailErrorInfo} />
    </div>
  </div>
);

export default StatelessComponent