scratch-www/test/unit/components/commenting-status.test.jsx

const React = require('react');
const {shallow} = require('enzyme');
const CommentingStatus = require('../../../src/components/commenting-status/commenting-status.jsx');

describe('CommentingStatus', () => {
    test('Basic render', () => {
        const component = shallow(
            <CommentingStatus />
        );
        expect(component.find('div.commenting-status').exists()).toBe(true);
        expect(component.find('img.comment-status-icon').exists()).toBe(true);
    });

    test('ClassNames added', () => {
        const component = shallow(
            <CommentingStatus
                className="class1"
                innerClassName="class2"
            />
        );
        expect(component.find('div.class1').exists()).toBe(true);
        expect(component.find('div.class2').exists()).toBe(true);
    });

    test('Children added', () => {
        const component = shallow(
            <CommentingStatus>
                <img className="myChildDiv" />
            </CommentingStatus>
        );
        expect(component.find('img.myChildDiv').exists()).toBe(true);
    });
});