| OLD | NEW |
| 1 | 1 |
| 2 function leftAsNumber(target) { | 2 function leftAsNumber(target) { |
| 3 var left = getComputedStyle(target).left; | 3 var left = getComputedStyle(target).left; |
| 4 return Number(left.substring(0, left.length - 2)); | 4 return Number(left.substring(0, left.length - 2)); |
| 5 } | 5 } |
| 6 | 6 |
| 7 suite('effect', function() { | 7 suite('effect', function() { |
| 8 // Test normalize. | 8 // Test normalize. |
| 9 test('Normalize keyframes with all offsets specified but not sorted by offset.
Some offsets are out of [0, 1] range.', function() { | 9 test('Normalize keyframes with all offsets specified but not sorted by offset.
Some offsets are out of [0, 1] range.', function() { |
| 10 var normalizedKeyframes; | 10 var normalizedKeyframes; |
| (...skipping 426 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 437 document.documentElement.appendChild(this.target); | 437 document.documentElement.appendChild(this.target); |
| 438 }); | 438 }); |
| 439 teardown(function() { | 439 teardown(function() { |
| 440 if (this.target.parent) | 440 if (this.target.parent) |
| 441 this.target.removeChild(this.target); | 441 this.target.removeChild(this.target); |
| 442 }); | 442 }); |
| 443 | 443 |
| 444 test('Convert effect input for a simple effect with one property.', function()
{ | 444 test('Convert effect input for a simple effect with one property.', function()
{ |
| 445 var effectFunction; | 445 var effectFunction; |
| 446 assert.doesNotThrow(function() { | 446 assert.doesNotThrow(function() { |
| 447 effectFunction = webAnimationsMinifill.convertEffectInput([ | 447 effectFunction = webAnimations1.convertEffectInput([ |
| 448 {left: '0px'}, | 448 {left: '0px'}, |
| 449 {left: '200px', offset: 0.3}, | 449 {left: '200px', offset: 0.3}, |
| 450 {left: '100px'} | 450 {left: '100px'} |
| 451 ]); | 451 ]); |
| 452 }); | 452 }); |
| 453 | 453 |
| 454 effectFunction(this.target, 0); | 454 effectFunction(this.target, 0); |
| 455 assert.closeTo(leftAsNumber(this.target), 0, 0.001); | 455 assert.closeTo(leftAsNumber(this.target), 0, 0.001); |
| 456 effectFunction(this.target, 0.075); | 456 effectFunction(this.target, 0.075); |
| 457 assert.closeTo(leftAsNumber(this.target), 50, 0.001); | 457 assert.closeTo(leftAsNumber(this.target), 50, 0.001); |
| 458 effectFunction(this.target, 0.15); | 458 effectFunction(this.target, 0.15); |
| 459 assert.closeTo(leftAsNumber(this.target), 100, 0.001); | 459 assert.closeTo(leftAsNumber(this.target), 100, 0.001); |
| 460 effectFunction(this.target, 0.65); | 460 effectFunction(this.target, 0.65); |
| 461 assert.closeTo(leftAsNumber(this.target), 150, 0.001); | 461 assert.closeTo(leftAsNumber(this.target), 150, 0.001); |
| 462 effectFunction(this.target, 1); | 462 effectFunction(this.target, 1); |
| 463 assert.closeTo(leftAsNumber(this.target), 100, 0.001); | 463 assert.closeTo(leftAsNumber(this.target), 100, 0.001); |
| 464 effectFunction(this.target, 2); | 464 effectFunction(this.target, 2); |
| 465 assert.closeTo(leftAsNumber(this.target), -42.856, 0.01); | 465 assert.closeTo(leftAsNumber(this.target), -42.856, 0.01); |
| 466 }); | 466 }); |
| 467 | 467 |
| 468 test('Convert effect input where one property is animated and the property has
two keyframes at offset 1.', function() { | 468 test('Convert effect input where one property is animated and the property has
two keyframes at offset 1.', function() { |
| 469 var effectFunction; | 469 var effectFunction; |
| 470 assert.doesNotThrow(function() { | 470 assert.doesNotThrow(function() { |
| 471 effectFunction = webAnimationsMinifill.convertEffectInput([ | 471 effectFunction = webAnimations1.convertEffectInput([ |
| 472 {left: '0px', offset: 0}, | 472 {left: '0px', offset: 0}, |
| 473 {left: '20px', offset: 1}, | 473 {left: '20px', offset: 1}, |
| 474 {left: '30px'} | 474 {left: '30px'} |
| 475 ]); | 475 ]); |
| 476 }); | 476 }); |
| 477 effectFunction(this.target, 1); | 477 effectFunction(this.target, 1); |
| 478 assert.equal(getComputedStyle(this.target).left, '30px'); | 478 assert.equal(getComputedStyle(this.target).left, '30px'); |
| 479 effectFunction(this.target, 2); | 479 effectFunction(this.target, 2); |
| 480 assert.equal(getComputedStyle(this.target).left, '30px'); | 480 assert.equal(getComputedStyle(this.target).left, '30px'); |
| 481 }); | 481 }); |
| 482 | 482 |
| 483 test('Convert effect input and apply effect at fraction null.', function() { | 483 test('Convert effect input and apply effect at fraction null.', function() { |
| 484 var effectFunction; | 484 var effectFunction; |
| 485 var underlying = getComputedStyle(this.target).left; | 485 var underlying = getComputedStyle(this.target).left; |
| 486 assert.doesNotThrow(function() { | 486 assert.doesNotThrow(function() { |
| 487 effectFunction = webAnimationsMinifill.convertEffectInput([ | 487 effectFunction = webAnimations1.convertEffectInput([ |
| 488 {left: '0px'}, | 488 {left: '0px'}, |
| 489 {left: '100px'} | 489 {left: '100px'} |
| 490 ]); | 490 ]); |
| 491 }); | 491 }); |
| 492 | 492 |
| 493 effectFunction(this.target, 1); | 493 effectFunction(this.target, 1); |
| 494 assert.equal(getComputedStyle(this.target).left, '100px'); | 494 assert.equal(getComputedStyle(this.target).left, '100px'); |
| 495 effectFunction(this.target, null); | 495 effectFunction(this.target, null); |
| 496 assert.equal(getComputedStyle(this.target).left, underlying); | 496 assert.equal(getComputedStyle(this.target).left, underlying); |
| 497 }); | 497 }); |
| 498 }); | 498 }); |
| OLD | NEW |