blob: f5860707c2b1d021efc20d1b34c2029c5e5e7c1e [file] [log] [blame]
suite('animation-node', function() {
test('normalize timing input', function() {
assert.equal(normalizeTimingInput(1).duration, 1);
assert.equal(normalizeTimingInput(1).easing(0.2), 0.2);
assert.equal(normalizeTimingInput(undefined).duration, 0);
});
test('calculating active duration', function() {
assert.equal(calculateActiveDuration({duration: 1000, playbackRate: 4, iterations: 20}), 5000);
assert.equal(calculateActiveDuration({duration: 500, playbackRate: 0.1, iterations: 300}), 1500000);
});
test('conversion of timing functions', function() {
var f = toTimingFunction('ease');
var g = toTimingFunction('cubic-bezier(.25, 0.1, 0.25, 1.)');
for (var i = 0; i < 1; i += 0.1) {
assert.equal(f(i), g(i));
}
assert.closeTo(f(0.1844), 0.2601, 0.01);
assert.closeTo(g(0.1844), 0.2601, 0.01);
f = toTimingFunction('cubic-bezier(0, 1, 1, 0)');
assert.closeTo(f(0.104), 0.392, 0.01);
function isLinear(f) {
assert.equal(f(0.1), 0.1);
assert.equal(f(0.4), 0.4);
assert.equal(f(0.9), 0.9);
}
f = toTimingFunction('cubic-bezier(0, 1, -1, 1)');
isLinear(f);
f = toTimingFunction('an elephant');
isLinear(f);
f = toTimingFunction('cubic-bezier(-1, 1, 1, 1)');
isLinear(f);
f = toTimingFunction('cubic-bezier(1, 1, 1)');
isLinear(f);
f = toTimingFunction('steps(10, end)');
assert.equal(f(0), 0);
assert.equal(f(0.09), 0);
assert.equal(f(0.1), 0.1);
assert.equal(f(0.25), 0.2);
});
test('calculating phase', function() {
// calculatePhase(activeDuration, localTime, timing);
assert.equal(calculatePhase(1000, 100, {delay: 0}), PhaseActive);
assert.equal(calculatePhase(1000, 100, {delay: 200}), PhaseBefore);
assert.equal(calculatePhase(1000, 2000, {delay: 200}), PhaseAfter);
assert.equal(calculatePhase(1000, null, {delay: 200}), PhaseNone);
});
test('calculating active time', function() {
// calculateActiveTime(activeDuration, fillMode, localTime, phase, delay);
assert.equal(calculateActiveTime(1000, 'forwards', 100, PhaseActive, 0), 100);
assert.equal(calculateActiveTime(1000, 'forwards', 100, PhaseBefore, 200), null);
assert.equal(calculateActiveTime(1000, 'both', 100, PhaseBefore, 200), 0);
assert.equal(calculateActiveTime(1000, 'forwards', 500, PhaseActive, 200), 300);
assert.equal(calculateActiveTime(1000, 'forwards', 1100, PhaseAfter, 200), 1000);
assert.equal(calculateActiveTime(1000, 'none', 1100, PhaseAfter, 200), null);
assert.equal(calculateActiveTime(Infinity, 'both', 5000000, PhaseActive, 2000000), 3000000);
assert.equal(calculateActiveTime(Infinity, 'both', 50000, PhaseBefore, 2000000), 0);
});
test('calculating scaled active time', function() {
// calculateScaledActiveTime(activeDuration, activeTime, startOffset, timingInput);
assert.equal(calculateScaledActiveTime(1000, 200, 300, {playbackRate: 1.5}), 600);
assert.equal(calculateScaledActiveTime(1000, 200, 300, {playbackRate: -4}), 3500);
assert.equal(calculateScaledActiveTime(Infinity, 400, 200, {playbackRate: 1}), 600);
assert.equal(calculateScaledActiveTime(Infinity, 400, 200, {playbackRate: -4}), Infinity);
});
test('calculating iteration time', function() {
// calculateIterationTime(iterationDuration, repeatedDuration, scaledActiveTime, startOffset, timingInput);
assert.equal(calculateIterationTime(500, 5000, 600, 100, {iterations: 10, iterationStart: 0}), 100);
assert.equal(calculateIterationTime(500, 5000, Infinity, 100, {iterations: 10, iterationStart: 0}), 500);
assert.equal(calculateIterationTime(500, 5000, 5100, 100, {iterations: 3.2, iterationStart: 0.8}), 500);
});
test('calculating current iteration', function() {
// calculateCurrentIteration(iterationDuration, iterationTime, scaledActiveTime, timingInput);
assert.equal(calculateCurrentIteration(1000, 400, 4400, {iterations: 50, iterationStart: 0.8}), 4);
assert.equal(calculateCurrentIteration(1000, 1000, 4400, {iterations: 50.2, iterationStart: 0.8}), 50);
});
test('calculating transformed time', function() {
// calculateTransformedTime(currentIteration, iterationDuration, iterationTime, timingInput);
assert.equal(calculateTransformedTime(4, 1000, 200, {easing: function(x) { return x; }, direction: 'normal'}), 200);
assert.equal(calculateTransformedTime(4, 1000, 200, {easing: function(x) { return x; }, direction: 'reverse'}), 800);
assert.closeTo(calculateTransformedTime(4, 1000, 200, {easing: function(x) { return x * x; }, direction: 'reverse'}), 640, 0.0001);
assert.closeTo(calculateTransformedTime(4, 1000, 600, {easing: function(x) { return x * x; }, direction: 'alternate'}), 360, 0.0001);
assert.closeTo(calculateTransformedTime(3, 1000, 600, {easing: function(x) { return x * x; }, direction: 'alternate'}), 160, 0.0001);
assert.closeTo(calculateTransformedTime(4, 1000, 600, {easing: function(x) { return x * x; }, direction: 'alternate-reverse'}), 160, 0.0001);
assert.closeTo(calculateTransformedTime(3, 1000, 600, {easing: function(x) { return x * x; }, direction: 'alternate-reverse'}), 360, 0.0001);
});
test('Animation Node', function() {
var timing = normalizeTimingInput({duration: 1000, iterations: 4, iterationStart: 0.5, easing: 'linear', direction: 'alternate', delay: 100, fill: 'forwards'});
var timing2 = normalizeTimingInput({duration: 1000, iterations: 4, iterationStart: 0.5, easing: 'ease', direction: 'alternate', delay: 100, fill: 'forwards'});
var node = webAnimations1.AnimationNode(timing);
var node2 = webAnimations1.AnimationNode(timing2);
assert.equal(node(0), null);
assert.equal(node(100), 0.5);
assert.closeTo(node2(100), 0.8, 0.005);
assert.equal(node(600), 1);
assert.closeTo(node2(600), 1, 0.005);
assert.equal(node(700), 0.9);
assert.closeTo(node2(700), 0.99, 0.005);
assert.equal(node(1600), 0);
assert.closeTo(node2(1600), 0, 0.005);
assert.equal(node(4000), 0.4);
assert.closeTo(node2(4000), 0.68, 0.005);
assert.equal(node(4100), 0.5);
assert.closeTo(node2(4100), 0.8, 0.005);
assert.equal(node(6000), 0.5);
assert.closeTo(node2(6000), 0.8, 0.005);
});
});