react-native/Libraries/StyleSheet/__tests__/processTransform-test.js

117 lines
3.4 KiB
JavaScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @format
* @emails oncall+react_native
*/
'use strict';
const processTransform = require('processTransform');
describe('processTransform', () => {
describe('validation', () => {
it('should accept an empty array', () => {
processTransform([]);
});
it('should accept a simple valid transform', () => {
processTransform([
{scale: 0.5},
{translateX: 10},
{translateY: 20},
{rotate: '10deg'},
]);
});
it('should throw on object with multiple properties', () => {
expect(() =>
processTransform([{scale: 0.5, translateY: 10}]),
).toThrowErrorMatchingSnapshot();
});
it('should throw on invalid transform property', () => {
expect(() =>
processTransform([{translateW: 10}]),
).toThrowErrorMatchingSnapshot();
});
it('should throw when not passing an array to an array prop', () => {
expect(() =>
processTransform([{matrix: 'not-a-matrix'}]),
).toThrowErrorMatchingSnapshot();
expect(() =>
processTransform([{translate: 10}]),
).toThrowErrorMatchingSnapshot();
});
it('should accept a valid matrix', () => {
processTransform([{matrix: [1, 1, 1, 1, 1, 1, 1, 1, 1]}]);
processTransform([
{matrix: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]},
]);
});
it('should throw when passing a matrix of the wrong size', () => {
expect(() =>
processTransform([{matrix: [1, 1, 1, 1]}]),
).toThrowErrorMatchingSnapshot();
});
it('should accept a valid translate', () => {
processTransform([{translate: [1, 1]}]);
processTransform([{translate: [1, 1, 1]}]);
});
it('should throw when passing a translate of the wrong size', () => {
expect(() =>
processTransform([{translate: [1]}]),
).toThrowErrorMatchingSnapshot();
expect(() =>
processTransform([{translate: [1, 1, 1, 1]}]),
).toThrowErrorMatchingSnapshot();
});
it('should throw when passing an invalid value to a number prop', () => {
expect(() =>
processTransform([{translateY: '20deg'}]),
).toThrowErrorMatchingSnapshot();
expect(() =>
processTransform([{scale: {x: 10, y: 10}}]),
).toThrowErrorMatchingSnapshot();
expect(() =>
processTransform([{perspective: []}]),
).toThrowErrorMatchingSnapshot();
});
it('should throw when passing a perspective of 0', () => {
expect(() =>
processTransform([{perspective: 0}]),
).toThrowErrorMatchingSnapshot();
});
it('should accept an angle in degrees or radians', () => {
processTransform([{skewY: '10deg'}]);
processTransform([{rotateX: '1.16rad'}]);
});
it('should throw when passing an invalid angle prop', () => {
expect(() =>
processTransform([{rotate: 10}]),
).toThrowErrorMatchingSnapshot();
expect(() =>
processTransform([{skewX: '10drg'}]),
).toThrowErrorMatchingSnapshot();
});
it('should throw when passing an Animated.Value', () => {
expect(() =>
processTransform([{rotate: {getValue: () => {}}}]),
).toThrowErrorMatchingSnapshot();
});
});
});