Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-05 21:50:18 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 332b7c4e711d75ead4c0dfbf7f6f0b683206756d

Browse source
This commit is contained in:
WPT Sync Bot 2019-09-25 10:24:05 +00:00
parent 46611b012e
commit b60afa18f5
389 changed files with 7767 additions and 2421 deletions
Download patch file Download diff file Expand all files Collapse all files

36
tests/wpt/web-platform-tests/css/support/interpolation-testcommon.js
View file

@ -11,11 +11,10 @@
return keyframe === neutralKeyframe;
}
// For the CSS interpolation methods, we set the animation duration long
// enough that any advancement in time during the test is irrelevant in terms
// of the progress. We then set the delay to be negative half the duration, so
// we are immediately at the halfway point of the animation. Finally, we use
// an easing function that maps halfway to whatever progress we actually want.
// For the CSS interpolation methods set the delay to be negative half the
// duration, so we are immediately at the halfway point of the animation.
// We then use an easing function that maps halfway to whatever progress
// we actually want.
var cssAnimationsInterpolation = {
name: 'CSS Animations',
@ -36,8 +35,8 @@
(isNeutralKeyframe(to) ? '' : `to {${property}:${to};}`) +
'}';
target.style.animationName = 'animation' + id;
target.style.animationDuration = '2e9s';
target.style.animationDelay = '-1e9s';
target.style.animationDuration = '100s';
target.style.animationDelay = '-50s';
target.style.animationTimingFunction = createEasing(at);
},
};
@ -54,9 +53,9 @@
},
interpolate: function(property, from, to, at, target) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).left;
target.style.transitionDuration = '2e9s';
target.style.transitionDelay = '-1e9s';
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = property;
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
@ -76,9 +75,9 @@
},
interpolate: function(property, from, to, at, target) {
// Force a style recalc on target to set the 'from' value.
getComputedStyle(target).left;
target.style.transitionDuration = '2e9s';
target.style.transitionDelay = '-1e9s';
getComputedStyle(target).getPropertyValue(property);
target.style.transitionDuration = '100s';
target.style.transitionDelay = '-50s';
target.style.transitionTimingFunction = createEasing(at);
target.style.transitionProperty = 'all';
target.style.setProperty(property, isNeutralKeyframe(to) ? '' : to);
@ -104,8 +103,11 @@
property = property.substring(0, i) + property[i + 1].toUpperCase() + property.substring(i + 2);
}
}
if (property === 'offset')
if (property === 'offset') {
property = 'cssOffset';
} else if (property === 'float') {
property = 'cssFloat';
}
}
var keyframes = [];
if (!isNeutralKeyframe(from)) {
@ -124,11 +126,11 @@
}
var animation = target.animate(keyframes, {
fill: 'forwards',
duration: 1,
duration: 100 * 1000,
easing: createEasing(at),
});
animation.pause();
animation.currentTime = 0.5;
animation.currentTime = 50 * 1000;
},
};
@ -150,7 +152,7 @@
return 'steps(1, start)';
}
if (y == 0.5) {
return 'steps(2, end)';
return 'linear';
}
// Approximate using a bezier.
var b = (8 * y - 1) / 6;