web animation updates

2025-08-19 19:57:22 +08:00 · 2015-06-10 15:31:15 -05:00
parent abcd8af221
commit f6a2c29605
191 changed files with 17692 additions and 29 deletions
--- a/scripts/vendor/web-animations-js/test/js/dimension-handler.js
+++ b/scripts/vendor/web-animations-js/test/js/dimension-handler.js
@ -0,0 +1,74 @@
+suite('dimension-handler', function() {
+  test('parse simple length values', function() {
+    assert.deepEqual(webAnimations1.parseLength(' 0 '), {px: 0});
+    assert.deepEqual(webAnimations1.parseLength('10px'), {px: 10});
+    assert.deepEqual(webAnimations1.parseLength('5VmIN'), {vmin: 5});
+    assert.deepEqual(webAnimations1.parseLength('-12.5em'), {em: -12.5});
+  });
+  test('parse length calcs', function() {
+    assert.deepEqual(webAnimations1.parseLength('calc(10px*3) '),
+        {px: 30});
+    assert.deepEqual(webAnimations1.parseLength('calc(10vmin + -5in) '),
+        {vmin: 10, 'in': -5});
+    assert.deepEqual(webAnimations1.parseLength('calc(5EM + 10px) '),
+        {em: 5, px: 10});
+    assert.deepEqual(webAnimations1.parseLength(' calc( 10px + 5em ) '),
+        {px: 10, em: 5});
+    assert.deepEqual(webAnimations1.parseLength('calc(5*(10px + 5em) - 5.25em * 6)'),
+        {px: 50.0, em: -6.5});
+    assert.deepEqual(webAnimations1.parseLength('calc((5px + 2px)*(1 + 2*(4 + 2*-5)) + 7px - (5em + 6vw/2)*4)'),
+        {px: -70, em: -20, vw: -12});
+    assert.deepEqual(webAnimations1.parseLength('calc(calc(5px) + calc(((3))) *calc(calc(10px)))'),
+        {px: 35});
+  });
+  test('invalid lengths fail to parse', function() {
+    assert.isUndefined(webAnimations1.parseLength('10'));
+    assert.isUndefined(webAnimations1.parseLength('()'));
+    assert.isUndefined(webAnimations1.parseLength('(10px)'));
+    assert.isUndefined(webAnimations1.parseLength('(10px + 5em)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px + 5)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px+ 5em)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px +5em)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px * 5em)'));
+    assert.isUndefined(webAnimations1.parseLength('(calc(10px + 5em))'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px + 5em))'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10)'));
+    assert.isUndefined(webAnimations1.parseLength('calccalc(10px)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(5 / 10px)'));
+    assert.isUndefined(webAnimations1.parseLength('calc(10px / 0)'));
+    assert.isUndefined(webAnimations1.parseLength('calc()'));
+    assert.isUndefined(webAnimations1.parseLength('ch'));
+  });
+  test('interpolate lengths and percents', function() {
+    assert.equal(webAnimations1.propertyInterpolation('left', '10px', '50px')(0.25), '20px');
+    assert.equal(webAnimations1.propertyInterpolation('left', '10%', '50%')(0.25), '20%');
+    assert.equal(webAnimations1.propertyInterpolation('left', '0px', '0.001px')(0.05), '0px');
+    assert.equal(webAnimations1.propertyInterpolation('left', '0px', '10px')(0.234), '2.340px');
+    assert.equal(webAnimations1.propertyInterpolation('left', '10px', '10em')(0.4), 'calc(6px + 4em)');
+    assert.equal(webAnimations1.propertyInterpolation('left', '10px', '10%')(0.4), 'calc(6px + 4%)');
+    assert.equal(webAnimations1.propertyInterpolation('left', 'calc(10px + 5em)', 'calc(20px + 35em)')(0.4), 'calc(14px + 17em)');
+    assert.equal(webAnimations1.propertyInterpolation('left', 'calc(10px + 5em)', 'calc(20% + 35em)')(0.4), 'calc(6px + 17em + 8%)');
+    assert.equal(webAnimations1.propertyInterpolation('left', 'calc(10px + 5vw)', 'calc(20% + 35em)')(0.4), 'calc(6px + 3vw + 8% + 14em)');
+  });
+  test('consume simple length values', function() {
+    assert.isUndefined(webAnimations1.consumeLengthOrPercent('10px()'));
+    assert.deepEqual(webAnimations1.consumeLengthOrPercent('10px,'),
+        [{px: 10}, ',']);
+    assert.deepEqual(webAnimations1.consumeLengthOrPercent('10px,20px'),
+        [{px: 10}, ',20px']);
+    assert.deepEqual(webAnimations1.consumeLengthOrPercent('0 blah'),
+        [{px: 0}, ' blah']);
+  });
+  test('consume length calcs', function() {
+    assert.deepEqual(webAnimations1.consumeLengthOrPercent('calc(10px)()'),
+        [{px: 10}, '()']);
+    assert.deepEqual(webAnimations1.consumeLengthOrPercent('calc((5px + 2px)*(1 + 2*(4 + 2*-5)) + 7px - (5em + 6vw/2)*4)blah'),
+        [{px: -70, em: -20, vw: -12}, 'blah']);
+  });
+  test('consume fails on invalid input', function() {
+    assert.isUndefined(webAnimations1.consumeLengthOrPercent('()'));
+    assert.isUndefined(webAnimations1.consumeLengthOrPercent('(10px'));
+    assert.isUndefined(webAnimations1.consumeLengthOrPercent('(10px)'));
+    assert.isUndefined(webAnimations1.consumeLengthOrPercent('calc(10px,10px)'));
+  });
+});