catapult/third_party/polymer/components/web-animations-js/test/js/dimension-handler.js

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)'));
  });
});