mirror of
https://github.com/servo/servo.git
synced 2025-08-27 08:08:19 +01:00
Update web-platform-tests to revision 097043b336e46876e281ddec3bb014fe9c480128
This commit is contained in:
parent
ecd32570c0
commit
b68253eac0
405 changed files with 9164 additions and 3050 deletions
|
@ -42,7 +42,7 @@
|
|||
to: 'right -140% bottom -60%',
|
||||
}, [
|
||||
{at: -1, expect: 'calc(960px - 240%) calc(800px - 160%)'},
|
||||
{at: 0, expect: 'left 480px top 400px'},
|
||||
{at: 0, expect: 'left calc(0% + 480px) top calc(0% + 400px)'},
|
||||
{at: 0.125, expect: 'calc(420px + 30%) calc(350px + 20%)'},
|
||||
{at: 0.875, expect: 'calc(210% + 60px) calc(140% + 50px)'},
|
||||
{at: 1, expect: 'right -140% bottom -60%'},
|
||||
|
@ -54,12 +54,12 @@
|
|||
from: 'left top',
|
||||
to: 'left 8px bottom 20%',
|
||||
}, [
|
||||
{at: -1, expect: '-8px -80%'},
|
||||
{at: -1, expect: 'calc(0% - 8px) -80%'},
|
||||
{at: 0, expect: 'left top'},
|
||||
{at: 0.125, expect: '1px 10%'},
|
||||
{at: 0.875, expect: '7px 70%'},
|
||||
{at: 1, expect: 'left 8px bottom 20%'},
|
||||
{at: 2, expect: '16px 160%'}
|
||||
{at: 0.125, expect: 'calc(0% + 1px) 10%'},
|
||||
{at: 0.875, expect: 'calc(0% + 7px) 70%'},
|
||||
{at: 1, expect: 'left calc(0% + 8px) bottom 20%'},
|
||||
{at: 2, expect: 'calc(0% + 16px) 160%'}
|
||||
]);
|
||||
|
||||
test_no_interpolation({
|
||||
|
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<title>CSS Motion Path: Combined transformation matrix interpolation</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#ctm">
|
||||
<link rel="match" href="offset-path-with-transforms-ref.html">
|
||||
<meta name="assert" content="This tests animating combined transformation matrix.">
|
||||
<style>
|
||||
@keyframes anim {
|
||||
to {
|
||||
translate: 0px 100px;
|
||||
offset-distance: 100%;
|
||||
transform: translateX(-100px);
|
||||
}
|
||||
}
|
||||
#target {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
background-color: lime;
|
||||
offset-path: path("M25 0v100");
|
||||
animation: anim 10s -5s paused linear;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="load()">
|
||||
<div id="target"></div>
|
||||
<div style='width: 50px; height: 100px; background-color: red;'></div>
|
||||
</body>
|
||||
<script>
|
||||
requestAnimationFrame(() => {
|
||||
document.documentElement.classList.remove('reftest-wait');
|
||||
});
|
||||
</script>
|
||||
</html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Motion Path: Combined transformation matrix interpolation reference</title>
|
||||
<style>
|
||||
#target {
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
background-color: lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -22,7 +22,7 @@
|
|||
|
||||
test(function(){
|
||||
target.style = 'offset-position: calc(30px + 20%) calc(-200px + 8em + 100%);';
|
||||
assert_equals(getComputedStyle(target).offsetPosition, 'calc(20% + 30px) calc(100% + -40px)');
|
||||
assert_equals(getComputedStyle(target).offsetPosition, 'calc(20% + 30px) calc(100% - 40px)');
|
||||
}, 'offset-position supports calc');
|
||||
|
||||
test(function(){
|
||||
|
@ -32,7 +32,7 @@ test(function(){
|
|||
|
||||
test(function(){
|
||||
target.style = 'offset-distance: calc(-100px + 50%);';
|
||||
assert_equals(getComputedStyle(target).offsetDistance, 'calc(50% + -100px)');
|
||||
assert_equals(getComputedStyle(target).offsetDistance, 'calc(50% - 100px)');
|
||||
}, 'offset-distance supports calc');
|
||||
|
||||
test(function(){
|
||||
|
@ -42,7 +42,7 @@ test(function(){
|
|||
|
||||
test(function(){
|
||||
target.style = 'offset-anchor: calc(30px + 20%) calc(-200px + 8em + 100%);';
|
||||
assert_equals(getComputedStyle(target).offsetAnchor, 'calc(20% + 30px) calc(100% + -40px)');
|
||||
assert_equals(getComputedStyle(target).offsetAnchor, 'calc(20% + 30px) calc(100% - 40px)');
|
||||
}, 'offset-anchor supports calc');
|
||||
|
||||
</script>
|
||||
|
|
|
@ -19,7 +19,7 @@ test_valid_value("offset-anchor", "center center");
|
|||
test_valid_value("offset-anchor", "right center");
|
||||
test_valid_value("offset-anchor", "center top");
|
||||
test_valid_value("offset-anchor", "center bottom");
|
||||
test_valid_value("offset-anchor", "calc(10px + 20%) center");
|
||||
test_valid_value("offset-anchor", "calc(20% + 10px) center");
|
||||
test_valid_value("offset-anchor", "right 30em");
|
||||
test_valid_value("offset-anchor", "10px 20%");
|
||||
test_valid_value("offset-anchor", "left -10px top -20%");
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue