accounts-frontend/tests/components/ui/popup/PopupStack.test.jsx

import React from 'react';

import { shallow } from 'enzyme';

import { PopupStack } from 'components/ui/popup/PopupStack';

function DummyPopup() {}

describe('<PopupStack />', () => {
    it('renders all popup components', () => {
        const props = {
            pool: {
                dummy: DummyPopup
            },
            destroy: () => {},
            popups: [
                {
                    type: 'dummy'
                },
                {
                    type: 'dummy'
                }
            ]
        };
        const component = shallow(<PopupStack {...props} />);

        expect(component.find(DummyPopup)).to.have.length(2);
    });

    it('should pass provided props', () => {
        const expectedProps = {
            foo: 'bar'
        };

        const props = {
            pool: {
                dummy: DummyPopup
            },
            destroy: () => {},
            popups: [
                {
                    type: 'dummy',
                    props: expectedProps
                }
            ]
        };
        const component = shallow(<PopupStack {...props} />);

        expect(component.find(DummyPopup).prop('foo')).to.be.equal(expectedProps.foo);
    });

    it('should use props as proxy if it is function', () => {
        const expectedProps = {
            foo: 'bar'
        };

        const props = {
            pool: {
                dummy: DummyPopup
            },
            destroy: () => {},
            popups: [
                {
                    type: 'dummy',
                    props: (props) => {
                        expect(props).to.have.property('onClose');

                        return expectedProps;
                    }
                }
            ]
        };
        const component = shallow(<PopupStack {...props} />);

        expect(component.find(DummyPopup).props()).to.be.deep.equal(expectedProps);
    });

    it('should hide popup, when onClose called', () => {
        const props = {
            pool: {
                dummy: DummyPopup
            },
            popups: [
                {
                    type: 'dummy'
                },
                {
                    type: 'dummy'
                }
            ],
            destroy: sinon.stub()
        };
        const component = shallow(<PopupStack {...props} />);

        component.find(DummyPopup).last().prop('onClose')();

        sinon.assert.calledOnce(props.destroy);
        sinon.assert.calledWith(props.destroy, sinon.match.same(props.popups[1]));
    });

    it('throws when there is no popup component in pool', () => {
        const props = {
            pool: {
                dummy: DummyPopup
            },
            destroy: () => {},
            popups: [
                {
                    type: 'notExists'
                }
            ]
        };

        expect(() => {
            shallow(<PopupStack {...props} />);
        }).to.throw('Unknown popup type: notExists');
    });
});