box-ui-elements/src/elements/content-open-with/__tests__/OpenWithDropdownMenuItem.test.js

Box UI Elements

import * as React from 'react';
import noop from 'lodash/noop';
import { shallow } from 'enzyme';
import utils from '../openWithUtils';
import OpenWithDropdownMenuItem from '../OpenWithDropdownMenuItem';

describe('elements/content-open-with/OpenWithDropdownMenuItem', () => {
    const getWrapper = props => shallow(<OpenWithDropdownMenuItem {...props} />);

    test('should render the description and correct icon', () => {
        const props = {
            integration: {
                displayName: 'Google Docs',
                displayDescription: 'Open With Google Docs',
                appIntegrationId: '1',
                disabledReasons: [],
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should use the default icon when no mapping can be found to an existing icon', () => {
        const props = {
            integration: {
                displayName: 'A new integration',
                displayDescription: 'Open With the new integration',
                appIntegrationId: '22',
                disabledReasons: [],
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should be disabled with a reason if the integration is disabled', () => {
        const props = {
            integration: {
                displayName: 'A new integration',
                displayDescription: 'Open With the new integration',
                isDisabled: true,
                disabledReasons: ['The integration is not currently available'],
                appIntegrationId: '22',
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should use the default error for a disabled integration if there is no reason', () => {
        const props = {
            integration: {
                displayName: 'A new integration',
                disabledReasons: [],
                displayDescription: 'Open With the new integration',
                isDisabled: true,
                appIntegrationId: '22',
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should render correctly if the item is disabled because Box Tools is not installed', () => {
        utils.isDisabledBecauseBoxToolsIsNotInstalled = jest.fn().mockReturnValue(true);
        const props = {
            integration: {
                displayName: 'A new integration',
                disabledReasons: [],
                displayDescription: 'Open With the new integration',
                isDisabled: true,
                appIntegrationId: '22',
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should render correctly if the item is disabled because of an access policy', () => {
        const props = {
            integration: {
                displayName: 'A new integration',
                disabledReasons: ['blocked_by_shield_access_policy'],
                displayDescription: 'Open With the new integration',
                isDisabled: true,
                appIntegrationId: '22',
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });

    test('should render correctly if the item is disabled because hidden collaborators', () => {
        const props = {
            integration: {
                displayName: 'A new integration',
                disabledReasons: ['collaborators_hidden'],
                displayDescription: 'Open With the new integration',
                isDisabled: true,
                appIntegrationId: '22',
            },
            onClick: noop,
        };
        const wrapper = getWrapper(props);
        expect(wrapper).toMatchSnapshot();
    });
});