56 lines
1.7 KiB
Plaintext
56 lines
1.7 KiB
Plaintext
|
import transformCss from '..'
|
||
|
|
|
||
|
|
it('transforms a single transform value with number', () => {
|
||
|
|
expect(transformCss([['transform', 'scaleX(5)']])).toEqual({
|
||
|
|
transform: [{ scaleX: 5 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms a single transform value with string', () => {
|
||
|
|
expect(transformCss([['transform', 'rotate(5deg)']])).toEqual({
|
||
|
|
transform: [{ rotate: '5deg' }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms multiple transform values', () => {
|
||
|
|
expect(transformCss([['transform', 'scaleX(5) skewX(1deg)']])).toEqual({
|
||
|
|
transform: [{ skewX: '1deg' }, { scaleX: 5 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms scale(number, number) to scaleX and scaleY', () => {
|
||
|
|
expect(transformCss([['transform', 'scale(2, 3)']])).toEqual({
|
||
|
|
transform: [{ scaleY: 3 }, { scaleX: 2 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms scale(number) to scale', () => {
|
||
|
|
expect(transformCss([['transform', 'scale(5)']])).toEqual({
|
||
|
|
transform: [{ scale: 5 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms translate(length, length) to translateX and translateY', () => {
|
||
|
|
expect(transformCss([['transform', 'translate(2px, 3px)']])).toEqual({
|
||
|
|
transform: [{ translateY: 3 }, { translateX: 2 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms translate(length) to translateX and translateY', () => {
|
||
|
|
expect(transformCss([['transform', 'translate(5px)']])).toEqual({
|
||
|
|
transform: [{ translateY: 0 }, { translateX: 5 }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms skew(angle, angle) to skewX and skewY', () => {
|
||
|
|
expect(transformCss([['transform', 'skew(2deg, 3deg)']])).toEqual({
|
||
|
|
transform: [{ skewY: '3deg' }, { skewX: '2deg' }],
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('transforms skew(angle) to skewX and skewY', () => {
|
||
|
|
expect(transformCss([['transform', 'skew(5deg)']])).toEqual({
|
||
|
|
transform: [{ skewY: '0deg' }, { skewX: '5deg' }],
|
||
|
|
})
|
||
|
|
})
|