box-ui-elements-mlh/src/elements/content-sharing/__tests__/ContentSharing.test.js

Box UI Elements

import * as React from 'react';
import { act } from 'react-dom/test-utils';
import { mount } from 'enzyme';
import Button from '../../../components/button/Button';
import { DEFAULT_HOSTNAME_API, TYPE_FOLDER } from '../../../constants';
import {
    MOCK_ITEM_ID,
    MOCK_CONVERTED_ITEM_DATA,
    MOCK_CONVERTED_USER_DATA,
    MOCK_COLLABS_CONVERTED_RESPONSE,
} from '../../../features/unified-share-modal/utils/__mocks__/USMMocks';
import SharingModal from '../SharingModal';
import ContentSharing from '../ContentSharing';

jest.mock('../../../features/unified-share-modal/utils/convertData', () => ({
    convertCollabsResponse: jest.fn().mockReturnValue(MOCK_COLLABS_CONVERTED_RESPONSE),
    convertItemResponse: jest.fn().mockReturnValue(MOCK_CONVERTED_ITEM_DATA),
    convertUserResponse: jest.fn().mockReturnValue(MOCK_CONVERTED_USER_DATA),
}));

jest.mock('../../../api', () => {
    return jest.fn().mockImplementation(() => {
        return {
            getCollaborationsAPI: jest.fn().mockReturnValue({
                addCollaboration: jest.fn(),
            }),
            getFolderAPI: jest.fn().mockReturnValue({
                getFolderFields: jest.fn(),
            }),
            getFolderCollaborationsAPI: jest.fn().mockReturnValue({
                getCollaborations: jest.fn(),
            }),
            getUsersAPI: jest.fn().mockReturnValue({
                getUser: jest.fn(),
            }),
        };
    });
});

const MOCK_TOKEN = 'token';

describe('elements/content-sharing/ContentSharing', () => {
    const customButton = <Button>Test Button</Button>;
    const getWrapper = props => mount(<ContentSharing language="" {...props} />);

    test('should add an onClick function to a custom button', () => {
        let wrapper;
        act(() => {
            wrapper = getWrapper({
                apiHost: DEFAULT_HOSTNAME_API,
                customButton,
                displayInModal: true,
                itemID: MOCK_ITEM_ID,
                itemType: TYPE_FOLDER,
                token: MOCK_TOKEN,
            });
        });
        wrapper.update();
        expect(wrapper.exists(Button)).toBe(true);
    });

    test('should instantiate SharingModal on button click', () => {
        let wrapper;
        act(() => {
            wrapper = getWrapper({
                apiHost: DEFAULT_HOSTNAME_API,
                customButton,
                displayInModal: true,
                itemID: MOCK_ITEM_ID,
                itemType: TYPE_FOLDER,
                token: MOCK_TOKEN,
            });
        });
        wrapper.update();
        const launchButton = wrapper.find(Button);
        act(() => {
            launchButton.invoke('onClick')();
        });
        wrapper.update();
        expect(wrapper.exists(SharingModal)).toBe(true);
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(true);
        expect(wrapper.exists(Button)).toBe(true);
    });

    test('should reinstantiate SharingModal', () => {
        const clickLaunchButton = (launchButton, wrapper) => {
            act(() => {
                launchButton.invoke('onClick')();
            });
            wrapper.update();
        };

        const setIsVisible = (wrapper, isVisible) => {
            act(() => {
                wrapper.find(SharingModal).invoke('setIsVisible')(isVisible);
            });
            wrapper.update();
        };

        let wrapper;
        act(() => {
            wrapper = getWrapper({
                apiHost: DEFAULT_HOSTNAME_API,
                customButton,
                displayInModal: true,
                itemID: MOCK_ITEM_ID,
                itemType: TYPE_FOLDER,
                token: MOCK_TOKEN,
            });
        });
        wrapper.update();

        const launchButton = wrapper.find(Button);
        clickLaunchButton(launchButton, wrapper); // open modal
        expect(wrapper.exists(SharingModal)).toBe(true);
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(true);

        setIsVisible(wrapper, false); // close modal
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(false); // grab a fresh reference to SharingModal

        clickLaunchButton(launchButton, wrapper); // open modal again
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(true);

        setIsVisible(wrapper, false); // close modal again
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(false);
    });

    test('should reset isVisible when given a new uuid', () => {
        const setIsVisible = (wrapper, isVisible) => {
            act(() => {
                wrapper.find(SharingModal).invoke('setIsVisible')(isVisible);
            });
            wrapper.update();
        };

        let wrapper;
        act(() => {
            wrapper = getWrapper({
                apiHost: DEFAULT_HOSTNAME_API,
                displayInModal: true,
                itemID: MOCK_ITEM_ID,
                itemType: TYPE_FOLDER,
                token: MOCK_TOKEN,
                uuid: 'unique-id-0',
            });
        });
        wrapper.update();

        expect(wrapper.exists(SharingModal)).toBe(true);
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(true);

        setIsVisible(wrapper, false); // close modal
        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(false);

        act(() => {
            wrapper.setProps({ uuid: 'unique-id-1' });
        });
        wrapper.update();

        expect(wrapper.find(SharingModal).prop('isVisible')).toBe(true);
    });

    test.each([true, false])(
        'should instantiate SharingModal automatically when no button exists and displayInModal is %s',
        ({ displayInModal }) => {
            let wrapper;
            act(() => {
                wrapper = getWrapper({
                    apiHost: DEFAULT_HOSTNAME_API,
                    displayInModal,
                    itemID: MOCK_ITEM_ID,
                    itemType: TYPE_FOLDER,
                    token: MOCK_TOKEN,
                });
            });
            wrapper.update();
            expect(wrapper.exists(SharingModal)).toBe(true);
            expect(wrapper.exists(Button)).toBe(false);
        },
    );
});