mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
123 lines
2.8 KiB
JavaScript
123 lines
2.8 KiB
JavaScript
var gEasingTests = [
|
|
{
|
|
desc: 'step-start function',
|
|
easing: 'step-start',
|
|
easingFunction: stepStart(1),
|
|
serialization: 'steps(1, start)'
|
|
},
|
|
{
|
|
desc: 'steps(1, start) function',
|
|
easing: 'steps(1, start)',
|
|
easingFunction: stepStart(1)
|
|
},
|
|
{
|
|
desc: 'steps(2, start) function',
|
|
easing: 'steps(2, start)',
|
|
easingFunction: stepStart(2)
|
|
},
|
|
{
|
|
desc: 'step-end function',
|
|
easing: 'step-end',
|
|
easingFunction: stepEnd(1),
|
|
serialization: 'steps(1)'
|
|
},
|
|
{
|
|
desc: 'steps(1) function',
|
|
easing: 'steps(1)',
|
|
easingFunction: stepEnd(1)
|
|
},
|
|
{
|
|
desc: 'steps(1, end) function',
|
|
easing: 'steps(1, end)',
|
|
easingFunction: stepEnd(1),
|
|
serialization: 'steps(1)'
|
|
},
|
|
{
|
|
desc: 'steps(2, end) function',
|
|
easing: 'steps(2, end)',
|
|
easingFunction: stepEnd(2),
|
|
serialization: 'steps(2)'
|
|
},
|
|
{
|
|
desc: 'frames function',
|
|
easing: 'frames(5)',
|
|
easingFunction: framesTiming(5)
|
|
},
|
|
{
|
|
desc: 'linear function',
|
|
easing: 'linear', // cubic-bezier(0, 0, 1.0, 1.0)
|
|
easingFunction: cubicBezier(0, 0, 1.0, 1.0)
|
|
},
|
|
{
|
|
desc: 'ease function',
|
|
easing: 'ease', // cubic-bezier(0.25, 0.1, 0.25, 1.0)
|
|
easingFunction: cubicBezier(0.25, 0.1, 0.25, 1.0)
|
|
},
|
|
{
|
|
desc: 'ease-in function',
|
|
easing: 'ease-in', // cubic-bezier(0.42, 0, 1.0, 1.0)
|
|
easingFunction: cubicBezier(0.42, 0, 1.0, 1.0)
|
|
},
|
|
{
|
|
desc: 'ease-in-out function',
|
|
easing: 'ease-in-out', // cubic-bezier(0.42, 0, 0.58, 1.0)
|
|
easingFunction: cubicBezier(0.42, 0, 0.58, 1.0)
|
|
},
|
|
{
|
|
desc: 'ease-out function',
|
|
easing: 'ease-out', // cubic-bezier(0, 0, 0.58, 1.0)
|
|
easingFunction: cubicBezier(0, 0, 0.58, 1.0)
|
|
},
|
|
{
|
|
desc: 'easing function which produces values greater than 1',
|
|
easing: 'cubic-bezier(0, 1.5, 1, 1.5)',
|
|
easingFunction: cubicBezier(0, 1.5, 1, 1.5)
|
|
},
|
|
{
|
|
desc: 'easing function which produces values less than 1',
|
|
easing: 'cubic-bezier(0, -0.5, 1, -0.5)',
|
|
easingFunction: cubicBezier(0, -0.5, 1, -0.5)
|
|
}
|
|
];
|
|
|
|
const gInvalidEasings = [
|
|
'',
|
|
'7',
|
|
'test',
|
|
'initial',
|
|
'inherit',
|
|
'unset',
|
|
'cubic-bezier(1.1, 0, 1, 1)',
|
|
'cubic-bezier(0, 0, 1.1, 1)',
|
|
'cubic-bezier(-0.1, 0, 1, 1)',
|
|
'cubic-bezier(0, 0, -0.1, 1)',
|
|
'cubic-bezier(0.1, 0, 4, 0.4)',
|
|
'steps(-1, start)',
|
|
'steps(0.1, start)',
|
|
'steps(3, nowhere)',
|
|
'steps(-3, end)',
|
|
'function (a){return a}',
|
|
'function (x){return x}',
|
|
'function(x, y){return 0.3}',
|
|
'frames(1)',
|
|
'frames',
|
|
'frames()',
|
|
'frames(,)',
|
|
'frames(a)',
|
|
'frames(2.0)',
|
|
'frames(2.5)',
|
|
'frames(2 3)',
|
|
];
|
|
|
|
// Easings that should serialize to the same string
|
|
const gRoundtripEasings = [
|
|
'ease',
|
|
'linear',
|
|
'ease-in',
|
|
'ease-out',
|
|
'ease-in-out',
|
|
'cubic-bezier(0.1, 5, 0.23, 0)',
|
|
'steps(3, start)',
|
|
'steps(3)',
|
|
'frames(3)',
|
|
];
|