React-TDD-07.js

import {CommentList} from '../CommentList';
import React from 'react';
import {shallow} from 'enzyme';

describe('Given the <CommentList/> component', () => {
  const requiredProps = () => ({});

  const render = (props = requiredProps()) => shallow(<CommentList {...props} />);

  test('should render', () => {
    const wrapper = render();

    expect(wrapper).toHaveLength(1);
  });

  test('should show some text if there are no comments', () => {
    const expectedText = 'No comments yet';

    const wrapper = render();

    expect(wrapper.text()).toStrictEqual(expectedText);
  });

  test('should show a loading indicator if comments are loading', () => {
    const expectedText = 'Loading';

    const props = {
      ...requiredProps(),
      isLoading: true
    };

    const wrapper = render(props);

    expect(wrapper.text()).toStrictEqual(expectedText);
  });
});