mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Fix interpolation of CalcLengthOrPercentage (fixes #12765)
This commit is contained in:
parent
2c7d1ddfa1
commit
fc58cc01f4
3 changed files with 57 additions and 2 deletions
|
@ -6168,6 +6168,12 @@
|
|||
"url": "/_mozilla/css/animations/basic-transition.html"
|
||||
}
|
||||
],
|
||||
"css/animations/mixed-units.html": [
|
||||
{
|
||||
"path": "css/animations/mixed-units.html",
|
||||
"url": "/_mozilla/css/animations/mixed-units.html"
|
||||
}
|
||||
],
|
||||
"css/animations/transition-raf.html": [
|
||||
{
|
||||
"path": "css/animations/transition-raf.html",
|
||||
|
|
33
tests/wpt/mozilla/tests/css/animations/mixed-units.html
Normal file
33
tests/wpt/mozilla/tests/css/animations/mixed-units.html
Normal file
|
@ -0,0 +1,33 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>Animation test: mixed units.</title>
|
||||
<style>
|
||||
.animatable {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: red;
|
||||
animation: foo 1s infinite linear;
|
||||
}
|
||||
@keyframes foo {
|
||||
from { width: 0%; }
|
||||
to { width: 500px; }
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div class="animatable"></div>
|
||||
<script>
|
||||
var div = document.querySelector('.animatable');
|
||||
async_test(function(t) {
|
||||
window.addEventListener('load', function() {
|
||||
var test = new window.TestBinding();
|
||||
test.advanceClock(500);
|
||||
assert_equals(getComputedStyle(div).getPropertyValue('width'), '250px');
|
||||
test.advanceClock(500);
|
||||
assert_equals(getComputedStyle(div).getPropertyValue('width'), '500px');
|
||||
test.advanceClock(500);
|
||||
assert_equals(getComputedStyle(div).getPropertyValue('width'), '250px');
|
||||
t.done();
|
||||
})
|
||||
})
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue