components.regions.Panel.PanelRegion.test.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
import React from 'react'
import { Provider } from 'react-redux'
import { mount } from 'enzyme'
import configureMockStore from 'redux-mock-store'

import Panel from '../../snippets/Panel/Panel'
import createFactoryConfig from '../../../core/factory/createFactoryConfig'
import FactoryProvider from '../../../core/factory/FactoryProvider'

import PanelRegion from './PanelRegion'

const store = configureMockStore()({
    pages: {
        pageId: {
            metadata: {
                widgets: {
                    widgetId: {
                        src: 'WireframeWidget',
                        title: 'test',
                    },
                },
            },
        },
    },
    models: {},
})

const setup = (propOverrides) => {
    const props = {
        className: 'test',
        color: 'danger',
        icon: 'fa fa-square',
        headerTitle: 'header',
        footerTitle: 'footer',
        hasTabs: false,
        fullScreen: true,
        open: true,
        collapsible: false,
        pageId: 'pageId',
        panels: [{ widgetId: 'widgetId' }],
        ...propOverrides,
    }

    const wrapper = mount(
        
            
                
            
        ,
    )

    return {
        props,
        wrapper,
    }
}

describe('', () => {
    it('проверяет создание панели', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find(`.${props.className}`).exists()).toBeTruthy()
    })

    it('проверяет стиль панели', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find(Panel).props().color).toBe(props.color)
    })

    it('проверяет скрытие футера', () => {
        const { wrapper, props } = setup({ footerTitle: null })

        expect(wrapper.find('.panel-footer').exists()).toBeFalsy()
    })

    it('проверяет возможность скрытия', () => {
        const { wrapper, props } = setup()

        expect(
            wrapper
                .find('.panel-title')
                .find('a')
                .exists(),
        ).toBe(props.collapsible)
    })

    it('проверяет раскрытие панели', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find(Panel).props().open).toBe(props.open)
    })

    it('проверяет создание иконки', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find('i').exists()).toBe(Boolean(props.icon))
    })

    it('проверяет наличие табов', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find('.tab-content').exists()).toBe(props.hasTabs)
    })

    it('проверяет возможность открывать на весь экран', () => {
        const { wrapper, props } = setup()

        expect(wrapper.find('.fa-expand').exists()).toBe(props.fullScreen)
    })

    it('проверяет работу открытия на весь экран', () => {
        const { wrapper, props } = setup({ fullScreen: true })

        wrapper
            .find('li.fullscreen-toggle')
            .children()
            .simulate('click')
        expect(wrapper.find('div.panel-fullscreen').exists()).toBeTruthy()
    })
})