animation/transition end event prop

animationEnd.js

export default (type = 'transition') => {
	let types =
		type === 'transition'
			? {
				OTransition: 'oTransitionEnd',
				WebkitTransition: 'webkitTransitionEnd',
				MozTransition: 'transitionend',
				transition: 'transitionend'
			}
			: {
				OAnimation: 'oAnimationEnd',
				WebkitAnimation: 'webkitAnimationEnd',
				MozAnimation: 'animationend',
				animation: 'animationend'
			}
  
  const elem = document.createElement('div')
	return Object.keys(types).reduce(function(prev, trans) {
		return undefined !== elem.style[trans] ? types[trans] : prev
	}, '')
}

utils.test.js

import animationEnd from '@/utils/animationEnd'

describe('example', () => {

	it('should return animationend when passed the string animation', () => {
		const value = animationEnd('animation')

		expect(value).toBe('animationend')
	})

	it('should return transitionend when passed the string transition', () => {
		const value = animationEnd('transition')

		expect(value).toBe('transitionend')
	})
})