core-resource-app-test/build/d2-ui/28.0.2/src/sharing/__tests__/SharingDialog.component.spec.js

App that contains assets and scripts for the core apps

import React from 'react';
import log from 'loglevel';
import { shallow } from 'enzyme';
import Dialog from 'material-ui/Dialog/Dialog';
import FlatButton from 'material-ui/FlatButton';
import SharingDialog from '../SharingDialog.component';
import LoadingMask from '../../loading-mask/LoadingMask.component';
import Sharing from '../Sharing.component';

import { getStubContext } from '../../../config/inject-theme';

const mockedObject = {
    authorOfSharableItem: {
        id: 'GOLswS44mh8',
        name: 'Tom Wakiki',
    },
    nameOfSharableItem: 'ANC: Overview Report (HTML-based)',
    canSetPublicAccess: true,
    canSetExternalAccess: true,
    publicCanView: true,
    publicCanEdit: true,
    isSharedExternally: true,
    accesses: [{
        id: 'lFHP5lLkzVr',
        name: 'System administrators',
        displayName: 'System administrators',
        type: 'userGroup',
        canView: true,
        canEdit: false,
    }, {
        id: 'rWLrZL8rP3K',
        name: 'Guest User',
        displayName: 'Guest User',
        type: 'user',
        canView: true,
        canEdit: false,
    }],
};

describe('Sharing: SharingDialog component', () => {
    let sharingDialogComponent;
    let onRequestClose;

    const renderComponent = (props = {}) =>
        shallow(<SharingDialog {...props} />, {
            context: getStubContext(),
        });

    beforeEach(() => {
        onRequestClose = jest.fn();

        sharingDialogComponent = renderComponent({
            open: true,
            onRequestClose,
            type: 'report',
            id: 'AMERNML55Tg',
        });
    });

    jest.spyOn(SharingDialog.prototype, 'loadObjectFromApi');

    it('should show its dialog when objectToShare is defined', () => {
        sharingDialogComponent.setState({
            api: null,
            objectToShare: mockedObject,
            fullObjectName: mockedObject.name,
        });

        expect(sharingDialogComponent.find(Sharing)).toHaveLength(1);
    });

    describe('close action', () => {
        beforeEach(() => {
            sharingDialogComponent.setState({
                api: null,
                objectToShare: mockedObject,
                fullObjectName: mockedObject.name,
            });
        });

        it('should render the close button', () => {
            const buttons = sharingDialogComponent.find(Dialog).props().actions;
            expect(buttons.length).toBe(1);
            expect(buttons[0].type).toBe(FlatButton);
        });

        it('should pass the close label to the close button', () => {
            const buttons = sharingDialogComponent.find(Dialog).props().actions;
            expect(buttons[0].props.label).toBe('close_translated');
        });

        it('should call onRequestClose from the props when the closeSharingDialog is called', () => {
            sharingDialogComponent.setState({
                apiObject: {
                    object: null,
                },
            });

            sharingDialogComponent.instance().closeSharingDialog();
            expect(onRequestClose).toHaveBeenCalledTimes(1);
        });
    });

    describe('loadingMask', () => {
        beforeEach(() => {
            jest.fn(log, 'warn');
        });

        it('should render when objectToShare is undefined and dialog is open', () => {
            renderComponent({ open: true, onRequestClose: () => {}, type: 'report', id: 'AMERNML55Tg' });

            expect(sharingDialogComponent.find(LoadingMask)).toHaveLength(1);
        });
    });
});