import React from 'react';
import shallowRender from '../utils/shallowRender';

import Thumbnail from '../../src/components/Thumbnail';
jest.unmock('../../src/components/Thumbnail');

describe('Thumbnail Component', () => {
  it('should be a div HTML element', () => {
    const output = shallowRender(<Thumbnail />);

    expect(output.type).toBe('div');
  });

  it('should have a cssName of wrr-thumbnail', () => {
    const output = shallowRender(<Thumbnail />);

    expect(output.props.className).toBe('wrr-thumbnail');
  });
});

import React from 'react';
import shallowRender from '../utils/shallowRender';

import Thumbnail from '../../src/components/Thumbnail';
jest.unmock('../../src/components/Thumbnail');

describe('Thumbnail Component', () => {
  it('should be a div HTML element', () => {
    const output = shallowRender(<Thumbnail />);

    expect(output.type).toBe('div');
  });

  it('should have a cssName of wrr-thumbnail', () => {
    const output = shallowRender(<Thumbnail />);

    expect(output.props.className).toBe('wrr-thumbnail');
  });

  it('should have a default color #000', () => {
    const expected = { color: '#000' };
    const output = shallowRender(<Thumbnail />);

    expect(output.props.style).toEqual(expected);
  });

  it('should properly set color to #fff when passed', () => {
    const expected = { color: '#fff' };
    const output = shallowRender(<Thumbnail color={expected.color} />);

    expect(output.props.style).toEqual(expected);
  });
});

Update tests for Thumbnail component
Update tests for Thumbnail component
