box-ui-elements-mlh/src/elements/content-uploader/__tests__/ItemAction.test.js

Box UI Elements

import React from 'react';
import noop from 'lodash/noop';
import { shallow } from 'enzyme';
import { ItemActionForTesting as ItemAction } from '../ItemAction';
import { STATUS_PENDING, STATUS_IN_PROGRESS, STATUS_COMPLETE, STATUS_STAGED, STATUS_ERROR } from '../../../constants';

describe('elements/content-uploader/ItemAction', () => {
    const getWrapper = props =>
        shallow(
            <ItemAction
                intl={{ formatMessage: data => <span {...data} /> }}
                onClick={noop}
                status={STATUS_PENDING}
                {...props}
            />,
        );

    test.each`
        status
        ${STATUS_COMPLETE}
        ${STATUS_IN_PROGRESS}
        ${STATUS_STAGED}
        ${STATUS_ERROR}
        ${STATUS_PENDING}
    `('should render correctly with $status', ({ status }) => {
        const wrapper = shallow(
            <ItemAction intl={{ formatMessage: data => <span {...data} /> }} onClick={noop} status={status} />,
        );

        expect(wrapper).toMatchSnapshot();
    });

    test.each`
        status
        ${STATUS_COMPLETE}
        ${STATUS_IN_PROGRESS}
        ${STATUS_STAGED}
        ${STATUS_ERROR}
        ${STATUS_PENDING}
    `('should render correctly with $status and resumable uploads enabled', ({ status }) => {
        const wrapper = shallow(
            <ItemAction
                intl={{ formatMessage: data => <span {...data} /> }}
                onClick={noop}
                status={status}
                isResumableUploadsEnabled
            />,
        );

        expect(wrapper).toMatchSnapshot();
    });

    test('should render correctly with STATUS_ERROR and item is folder', () => {
        const wrapper = getWrapper({
            status: STATUS_ERROR,
            isFolder: true,
        });

        expect(wrapper).toMatchSnapshot();
    });
});