release.release.test.js

import React from 'react'
import { shallow, mount, render } from 'enzyme'
import Root, { SearchBar, ReleaseTable, Release } from '../src/Root'

const createShallowRelease = (outOfPrint = true) => {
    let props = {release: { artist: 'foobar', title: 'bar', outOfPrint }};
    return shallow(<Release {...props} />);
};

describe('<Release>', () => {
    it('contains the class name release', () => {
        let release = createShallowRelease();
        expect(release.is('.release')).toBeTruthy();
    });

    it ('contains the class name outOfPrint if out of print', () => {
        let release = createShallowRelease(true);
        expect(release.is('.outOfPrint')).toBeTruthy();
    });

    it ('does not contain the class name outOfPrint if available', () => {
        let release = createShallowRelease(false);
        expect(release.is('.outOfPrint')).toBeFalsy();
    });

    it ('renders the artist name', () => {
        let release = createShallowRelease();
        expect(release.find('.artist').text()).toEqual('foobar');
    });

    it ('renders the release title', () => {
        let release = createShallowRelease();
        expect(release.find('.title').text()).toEqual('bar');
    });

    it ('renders the correct comment', () => {
        let release = createShallowRelease(true);
        expect(release.find('.comment').text()).toEqual('Out Of Print!');
    });

});