components.widgets.Table.cells.ButtonsCell.tests.HintDropDown.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
There is a newer version: 7.28.3
import React from 'react'
import { mount } from 'enzyme'
import sinon from 'sinon'

import HintDropDown from '../HintDropDown'

const setup = (propOverrides = {}) => {
    const props = {
        visible: true,
        disabled: false,
        ...propOverrides,
    }

    const wrapper = mount()

    return {
        props,
        wrapper,
    }
}

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

        expect(wrapper.find('Button').exists()).toBeTruthy()
        expect(wrapper.find('button.btn-link').exists()).toBeTruthy()
        expect(wrapper.find('button.btn-sm').exists()).toBeTruthy()
    })

    it('Свойство title', () => {
        const { wrapper } = setup({ title: 'test' })

        expect(wrapper.find('Button').props().children[1]).toBe('test')
    })

    it('Свойство icon', () => {
        const { wrapper } = setup({ icon: 'test' })

        expect(wrapper.find('i.test').exists()).toBeTruthy()
    })

    it('Свойство visible', () => {
        const { wrapper } = setup({ visible: false })

        expect(wrapper.find('Button').length).toBe(0)
    })

    it('Свойство disabled', () => {
        const { wrapper } = setup({ disabled: true })

        expect(wrapper.find('button.disabled').exists()).toBeTruthy()
    })

    it('Свойство size', () => {
        const { wrapper } = setup({ size: 'md' })

        expect(wrapper.find('button.btn-md').exists()).toBeTruthy()
    })

    it('Свойство color', () => {
        const { wrapper } = setup({ color: 'primary' })

        expect(wrapper.find('button.btn-primary').exists()).toBeTruthy()
    })

    it('Создание элементов dropdown', () => {
        const { wrapper } = setup({
            menu: [
                {
                    title: 'test',
                },
            ],
            open: true,
        })
        const toggler = wrapper.find('.n2o-buttons-cell-toggler')

        toggler.at(0).simulate('click')
        expect(wrapper.find('.n2o-buttons-cell-dropdown').exists()).toBeTruthy()
        expect(wrapper.find('DropdownCustomItem').exists()).toBeTruthy()
    })
    it('Проверка onClick по элементам dropdown если есть action', () => {
        const mockClick = sinon.spy()
        const { wrapper } = setup({
            onClick: mockClick,
            menu: [
                {
                    title: 'test',
                    action: 'test-action',
                },
            ],
            open: true,
        })

        const toggler = wrapper.find('.n2o-buttons-cell-toggler')

        toggler.at(0).simulate('click')

        wrapper
            .find('DropdownCustomItem')
            .first()
            .simulate('click')
        wrapper.update()
        expect(mockClick.calledOnce).toEqual(true)
        expect(mockClick.args[0][1]).toEqual('test-action')
    })
})