components.widgets.Table.cells.ImageCell.ImageCell.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 { Provider } from 'react-redux'
import configureMockStore from 'redux-mock-store'

import ImageCell from './ImageCell'
import imageShapes from './imageShapes'

const defaultProps = {
    id: 'url',
    fieldKey: 'url',
    model: {
        url:
      'https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg',
    },
    className: 'testtest',
    style: {
        color: 'red',
        height: 30,
        width: 30,
    },
    title: 'top title',
    shape: imageShapes.SQUARE,
}

const setupImageCell = (propsOverride) => {
    const props = { ...defaultProps, ...propsOverride }

    const wrapper = mount(
        
            
        ,
    )

    return { wrapper, props }
}

const defaultPropsWithTooltip = {
    fieldKey: 'url',
    tooltipFieldId: 'tooltip',
    model: {
        url:
      'https://beebom-redkapmedia.netdna-ssl.com/wp-content/uploads/2016/01/Reverse-Image-Search-Engines-Apps-And-Its-Uses-2016.jpg',
        tooltip: ['tooltip', 'body'],
    },
    className: 'testtest',
    style: {
        color: 'red',
    },
    title: 'top title',
    shape: imageShapes.SQUARE,
}

const setupImageCellWithTooltip = (propsOverride) => {
    const props = { ...defaultPropsWithTooltip, ...propsOverride }

    const wrapper = mount(
        
            
        ,
    )

    return { wrapper, props }
}

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

        expect(wrapper.find('.n2o-image__info_label').text()).toEqual(props.title)
    })

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

        expect(wrapper.find('img').props().src).toEqual(props.model[props.id])
    })

    it('проверяет форму изображения', () => {
        const { wrapper } = setupImageCell()

        expect(wrapper.find('img').props().className).toEqual('n2o-image__image')
    })

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

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

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

        expect(
            wrapper
                .find('.n2o-image__image-container')
                .getElements()
                .pop().props.style,
        ).toEqual(props.style)
    })
})