import React from 'react';
import { DigitalGlyph, VideoGlyph, PhysicalGlyph } from '@orchard/frontend-react-components';
import { DIGITAL_AUDIO, MUSIC_VIDEO, PHYSICAL_AUDIO } from '../../constants';
import { renderConfigurationIcon } from '../configuration-icon';

describe('Configuration Icon', () => {
    describe('renderConfigurationIcon', () => {
        it('returns the digital icon for a digital audio product', () => {
            const renderedIcon = renderConfigurationIcon(DIGITAL_AUDIO);

            expect(renderedIcon).toEqual(<DigitalGlyph />);
        });

        it('returns the video icon for a music video product', () => {
            const renderedIcon = renderConfigurationIcon(MUSIC_VIDEO);

            expect(renderedIcon).toEqual(<VideoGlyph />);
        });

        it('returns the physical icon for a physical product', () => {
            const renderedIcon = renderConfigurationIcon(PHYSICAL_AUDIO);

            expect(renderedIcon).toEqual(<PhysicalGlyph />);
        });

        it('returns the null by default', () => {
            const renderedIcon = renderConfigurationIcon('Somethin weird');

            expect(renderedIcon).toEqual(null);
        });
    });
});