Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-05 20:48:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 71e901cf4534417abfabe4d77a317817f5cc09db

Browse source
This commit is contained in:
WPT Sync Bot 2019-01-03 20:37:31 -05:00
parent 7c34a70ca8
commit 0bc27d4696
48 changed files with 1125 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

8
tests/wpt/web-platform-tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context-ref.html Normal file
View file

@ -0,0 +1,8 @@
<!doctype HTML>
<title>CSS Test Reference</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
<div style="width: 100px; height: 100px; background: lightblue; will-change: transform; position: absolute">
<div id=target style="backface-visibility: hidden">
<div style="width: 50px; height: 50px; background: lightgray; top: 75px; position: relative">
</div>
</div>

21
tests/wpt/web-platform-tests/css/CSS2/stacking-context/opacity-change-parent-stacking-context.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype HTML>
<html class="reftest-wait">
<title>CSS Test: Test for re-paint after stacking context removal due to opacity</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html">
<link rel="match" href="opacity-change-parent-stacking-context-ref.html">
<script src="/common/reftest-wait.js"></script>
<div style="width: 100px; height: 100px; background: lightblue; will-change: transform; position: absolute">
<div id=target style="opacity: 0; backface-visibility: hidden">
<div style="width: 50px; height: 50px; background: lightgray; top: 75px; position: relative">
</div>
</div>
<script>
onload = function() {
requestAnimationFrame(() => requestAnimationFrame(() => {
target.style.opacity = 1;
takeScreenshot();
}));
}
</script>
</html

11
tests/wpt/web-platform-tests/css/css-lists/li-with-height-001-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: list with height</title>
<p>The test passes if "second" is in the following line of "first".</p>
<ul>
<li id="li_target" style="height:200px; border:1px solid black; width:200px">
first<div id="div_target" style="overflow:hidden;">second</div>
</li>
</ul>

23
tests/wpt/web-platform-tests/css/css-lists/li-with-height-001.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: list with height</title>
<link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists">
<link rel=match href="li-with-height-001-ref.html">
<meta name="assert" content="This is to check the behavior of adding an element at the begining of li" />
<p>The test passes if "second" is in the following line of "first".</p>
<ul>
<li id="li_target" style="height:200px; border:1px solid black; width:200px">
<div id="div_target" style="overflow:hidden;">second</div>
</li>
</ul>
<script>
document.body.clientHeight;
var text_node = document.createTextNode("first");
var li_target = document.getElementById("li_target");
var div_target = document.getElementById("div_target");
li_target.insertBefore(text_node,div_target);
</script>

50
tests/wpt/web-platform-tests/css/css-transforms/animation/list-interpolation.html
View file

@ -135,6 +135,56 @@ test_interpolation(
[{ at: 0.25, expect: 'matrix(2, 0, 0, 2, 100, 0)' }],
'Complete mismatch including length'
);
test_interpolation(
{
property: 'transform',
from: 'rotate(0deg) scaleX(1)',
to: 'rotate(720deg) translateX(0px) scaleX(2)'
},
[{at: 0.25, expect: 'rotate(180deg) matrix(1.25, 0, 0, 1, 0, 0)'}],
'Mismatched lengths (from is shorter), partial match'
);
test_interpolation(
{
property: 'transform',
from: 'rotate(720deg) translateX(0px) scaleX(2)',
to: 'rotate(0deg) scaleX(1)'
},
[{at: 0.25, expect: 'rotate(540deg) matrix(1.75, 0, 0, 1, 0, 0)'}],
'Mismatched lengths (to is shorter), partial match'
);
test_interpolation(
{
property: 'transform',
from: 'scaleX(-3) scaleY(2)',
to: 'scaleY(-3) translateX(0px) scaleX(2)'
},
[{at: 0.25, expect: 'scale(-2, 0) matrix(1.25, 0, 0, 1.75, 0, 0)'}],
'Mismatched lengths (from is shorter), partial match on primitive'
);
test_interpolation(
{
property: 'transform',
from: 'scaleY(-3) translateX(0px) scaleX(2)',
to: 'scaleX(-3) scaleY(2)'
},
[{at: 0.25, expect: 'scale(0, -2) matrix(1.75, 0, 0, 1.25, 0, 0)'}],
'Mismatched lengths (to is shorter), partial match on primitive'
);
test_interpolation(
{
property: 'transform',
from: 'scaleY(-3) translateX(0px)',
to: 'scaleX(-3) scaleY(2)'
},
[{at: 0.25, expect: 'scale(0, -2) matrix(1, 0, 0, 1.25, 0, 0)'}],
'Common prefix on primitive'
);
</script>
</body>
</html>

9
tests/wpt/web-platform-tests/css/css-transforms/size-change-under-backface-visibility-hidden-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype HTML>
<title>CSS Test</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
Passes if it shows a green 200x200 square.
<div style="will-change: transform; width: 300px; height: 0px">
<div style="width: 1px; height: 1px; backface-visibility: hidden;">
<div id=target style="width: 200px; height: 200px; position: relative; background: green; left: 10px;"></div>
</div>
</div>

22
tests/wpt/web-platform-tests/css/css-transforms/size-change-under-backface-visibility-hidden.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype HTML>
<html class="reftest-wait">
<title>CSS Test: Test for re-paint after resizing an element underneath a backface-visibility hidden element</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org" />
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility">
<link rel="match" href="size-change-under-backface-visibility-hidden-ref.html">
<script src="/common/reftest-wait.js"></script>
Passes if it shows a green 200x200 square.
<div style="will-change: transform; width: 300px; height: 0px">
<div style="width: 1px; height: 1px; backface-visibility: hidden;">
<div id=target style="width: 200px; height: 0px; position: relative; background: green; left: 10px;"></div>
</div>
</div>
<script>
onload = function() {
requestAnimationFrame(() => requestAnimationFrame(() => {
target.style.height = '200px';
takeScreenshot();
}));
};
</script>
</html>