box-ui-elements-test/src/features/in-app-messenger/contextual/templates/__tests__/PreviewTitleBodyTwoButtonsPopoutTemplate.test.js

Box UI Elements

import { shallow } from 'enzyme';
import React from 'react';

import PreviewTitleBodyTwoButtonsPopoutTemplate from '../PreviewTitleBodyTwoButtonsPopoutTemplate';

describe('features/in-app-messenger/contextual/templates/PreviewTitleBodyTwoButtonsPopoutTemplate', () => {
    const onAction = jest.fn();

    const paramsConfigs = {
        all: {
            params: {
                body: 'body',
                button1: {
                    label: 'button1',
                    actions: 'actions1',
                },
                button2: {
                    label: 'button2',
                    actions: 'actions2',
                },
                fileUpload: {
                    fileId: '1234',
                    sharedLinkUrl: 'https://shared-link.com',
                },
                templateID: 'preview-title-body-2buttons-template',
                title: 'title',
            },
        },
        missingButton2: {
            params: {
                body: 'body',
                button1: {
                    label: 'button1',
                    actions: 'actions1',
                },
                footnote: 'footnote',
                fileUpload: {
                    fileId: '1234',
                    sharedLinkUrl: 'https://shared-link.com',
                },
                templateID: 'image-title-body-2buttons-template',
                title: 'title',
            },
        },
    };

    const getWrapper = params =>
        shallow(<PreviewTitleBodyTwoButtonsPopoutTemplate onAction={onAction} params={params} />);

    beforeEach(() => {});

    afterEach(() => {
        jest.resetAllMocks();
    });

    describe.each([paramsConfigs.all, paramsConfigs.missingButton2])('%o', ({ params }) => {
        test('renders correctly', () => {
            getWrapper(params);
        });
    });

    function checkClickElement(findElement, expectCalled, ...expectCalledWith) {
        const element = findElement(getWrapper(paramsConfigs.all.params));
        element.simulate('click');
        if (expectCalled) {
            expect(onAction).toHaveBeenCalledTimes(1);
            expect(onAction).toHaveBeenCalledWith(...expectCalledWith);
        } else {
            expect(onAction).toHaveBeenCalledTimes(0);
        }
    }

    test('should call onAction(button1.actions) if button1 is clicked', () =>
        checkClickElement(wrapper => wrapper.find('PrimaryButton'), true, 'actions1'));

    test('should call onAction(button2.actions) if button2 is clicked', () =>
        checkClickElement(wrapper => wrapper.find('Button'), true, 'actions2'));

    test('should not call onAction if clicked else where', () =>
        checkClickElement(wrapper => wrapper.find('Overlay'), false));
});