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

Box UI Elements

import React from 'react';
import noop from 'lodash/noop';
import { shallow } from 'enzyme';
import messages from '../../common/messages';
import OpenWithButton, { getTooltip } from '../OpenWithButton';
import utils from '../openWithUtils';

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

    describe('getTooltip()', () => {
        test('should return nothing if the button is loading', () => {
            const result = getTooltip(null, true, null, null);
            expect(result).toBe(null);
        });

        test('should use the first disabled reason if one is provided', () => {
            const disabledReasons = ['bad integration', 'foo'];
            const result = getTooltip(null, false, 'error', disabledReasons);
            expect(result).toEqual(disabledReasons[0]);
        });

        test('should use the default error message if there is an error', () => {
            const result = getTooltip(null, false, 'error', []);
            expect(result.props.defaultMessage).toEqual(messages.errorOpenWithDescription.defaultMessage);
        });

        test('should return the display description if provided', () => {
            const description = 'tooltip description';
            const result = getTooltip(description, false, null, []);
            expect(result).toBe(description);
        });

        test('should use the default empty message if there is nothing else to display', () => {
            const result = getTooltip(null, false, null, []);
            expect(result.props.defaultMessage).toEqual(messages.emptyOpenWithDescription.defaultMessage);
        });
    });

    test('should render as disabled if the integration is disabled', () => {
        const wrapper = getWrapper({
            displayIntegration: { isDisabled: true, displayName: 'Adobe Sign' },
            onClick: noop,
        });
        expect(wrapper).toMatchSnapshot();
    });

    test('should render as disabled if there is no display integration', () => {
        const wrapper = getWrapper({
            displayIntegration: { isDisabled: false, displayName: null },
            onClick: noop,
        });

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

    test('should render with the correct icon', () => {
        const wrapper = getWrapper({
            displayIntegration: {
                isDisabled: false,
                displayName: 'Google Docs',
            },
            onClick: noop,
        });

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

    test('should force the tooltip open with a close button if Box Tools is not installed', () => {
        utils.isDisabledBecauseBoxToolsIsNotInstalled = jest.fn().mockReturnValue(true);
        const wrapper = getWrapper({
            displayIntegration: {
                isDisabled: true,
                disabledReasons: ['Box Tools is not installed'],
                displayName: 'Open',
            },
            onClick: noop,
        });

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