plugins.SideBar.SideBar.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 { mount } from 'enzyme'

import { SideBar } from './SideBar'

const props = {
    src: 'string',
    className: 'sidebarCustomClass',
    style: {},
    logo: {
        title: 'N2O logo',
        className: 'customSimpleHeaderLogoClassName',
        style: {},
        href: '/',
        src: 'https://avatars0.githubusercontent.com/u/25926683?s=200&v=4',
    },
    menu: {
        src: 'string',
        items: [{
            id: 'menuItem0',
            type: 'dropdown',
            href: '/',
            target: '_blank',
            items: [
                {
                    id: 'subMenuItem0',
                    type: 'link',
                    href: '/',
                    target: '_blank',
                    items: [],
                    icon: 'fa fa-plus',
                    title: 'subMenuItem0',
                    badge: 'badge',
                    badgeColor: 'warning',
                },
                {
                    id: 'subMenuItem2',
                    type: 'link',
                    href: '/',
                    target: '_blank',
                    items: [],
                    icon: 'fa fa-square',
                    title: 'subMenuItem1',
                    badge: 'badge',
                    badgeColor: 'warning',
                },

            ],
            icon: 'fa fa-square',
            title: 'menuItem0 test- 1',
        },
        {
            id: 'menuItem11',
            type: 'dropdown',
            href: '/',
            target: '_blank',
            items: [
                {
                    id: 'subMenuItem0',
                    type: 'link',
                    href: '/',
                    target: '_blank',
                    items: [],
                    icon: 'fa fa-square',
                    title: 'subMenuItem0',
                    badge: 'badge',
                    badgeColor: 'warning',
                },
                {
                    id: 'subMenuItem2',
                    type: 'link',
                    href: '/',
                    target: '_blank',
                    items: [],
                    icon: 'fa fa-plus',
                    title: 'subMenuItem1',
                    badge: 'badge',
                    badgeColor: 'warning',
                },

            ],
            icon: 'fa fa-pencil',
            title: 'menuItem test 2',
        },
        ],
    },
    extraMenu: {
        src: 'string',
        items: [{
            id: 'menuItem0',
            type: 'dropdown',
            href: '/',
            target: '_blank',
            items: [
                {
                    id: 'subMenuItem0',
                    type: 'link',
                    href: '/',
                    target: '_blank',
                    items: [],
                    icon: 'fa fa-square',
                    title: 'subMenuItem0',
                },
            ],
            icon: 'fa fa square',
            title: 'menuItem0',
        }],
    },
    side: 'left',
    defaultState: 'mini',
    toggledState: 'maxi',
    toggleOnHover: false,
    overlay: false,
}

const setup = props => shallow()
const setup2 = props => shallow()

describe('Тесты SideBar', () => {
    it('Отрисовка в соответствии с props mini view', () => {
        const wrapper = setup(props)

        expect(wrapper.find('.n2o-sidebar').exists()).toEqual(true)
        expect(wrapper.find('.mini').exists()).toEqual(true)
    })

    it('Отрисовка в соответствии с props maxi view', () => {
        const wrapper = setup2(props)

        expect(wrapper.find('.n2o-sidebar').exists()).toEqual(true)
        expect(wrapper.find('.maxi').exists()).toEqual(true)
    })
})