text: import { white } from './Colors'
  import { replace } from 'lodash'
  
  import {
    carouselControlColor,
    carouselControlWidth,
    carouselControlOpacity,
    carouselIndicatorWidth,
    carouselIndicatorHeight,
    carouselIndicatorSpacer,
    carouselIndicatorActiveBg,
    carouselCaptionWidth,
    carouselCaptionColor,
    carouselControlIconWidth,
    carouselControlPrevIconBg,
    carouselControlNextIconBg,
    carouselTransition
  } from './Carousel'
  
  describe('Carousel', () => {
    it('Carousel', () => {
      expect(carouselControlColor).toEqual(white)
      expect(carouselControlWidth).toEqual('15%')
      expect(carouselControlOpacity).toEqual(0.5)
  
      expect(carouselIndicatorWidth).toEqual('30px')
      expect(carouselIndicatorHeight).toEqual('3px')
      expect(carouselIndicatorSpacer).toEqual('3px')
      expect(carouselIndicatorActiveBg).toEqual(white)
  
      expect(carouselCaptionWidth).toEqual('70%')
      expect(carouselCaptionColor).toEqual(white)
  
      expect(carouselControlIconWidth).toEqual('20px')
  
      expect(carouselControlPrevIconBg).toEqual(`data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='${replace(carouselControlColor, '', '').trim()}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E`)
  
      expect(carouselControlNextIconBg).toEqual(`data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='${replace(carouselControlColor, '', '').trim()}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E`)
  
      expect(carouselTransition).toEqual('transform .6s ease')
    })
  })
  