import {
    getBreakPoint,
    BREAKPOINT_DESKTOP,
    BREAKPOINT_TABLET_LANDSCAPE,
    BREAKPOINT_TABLET_PORTRAIT,
    BREAKPOINT_PHONE,
} from './'

describe('pv-toolbar utils', () => {
    describe('getBreakPoint', () => {
        it('test DESKTOP result', () => {
            const { breakpoint, showLabels, showSeparators } =
                getBreakPoint(1280)
            expect(breakpoint).toBe(BREAKPOINT_DESKTOP)
            expect(showLabels).toBe(true)
            expect(showSeparators).toBe(true)
        })
        it('test TABLET_LANDSCAPE result', () => {
            const { breakpoint, showLabels, showSeparators } =
                getBreakPoint(1000)
            expect(breakpoint).toBe(BREAKPOINT_TABLET_LANDSCAPE)
            expect(showLabels).toBe(true)
            expect(showSeparators).toBe(true)
        })
        it('test TABLET_PORTRAIT result', () => {
            const { breakpoint, showLabels, showSeparators } =
                getBreakPoint(700)
            expect(breakpoint).toBe(BREAKPOINT_TABLET_PORTRAIT)
            expect(showLabels).toBe(false)
            expect(showSeparators).toBe(false)
        })
        it('test PHONE result', () => {
            const { breakpoint, showLabels, showSeparators } =
                getBreakPoint(400)
            expect(breakpoint).toBe(BREAKPOINT_PHONE)
            expect(showLabels).toBe(false)
            expect(showSeparators).toBe(false)
        })
    })
})