Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-13 17:35:36 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 5934bd3aca20a07917ad46fe7cebe10c68d5e497

Browse source
This commit is contained in:
WPT Sync Bot 2020-07-18 08:22:00 +00:00
parent e41f1662dc
commit 64b58d76c6
67 changed files with 656 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

10
tests/wpt/web-platform-tests/css/css-position/position-relative-001.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<link rel="help" href="https://crbug.com/1058690">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="A percent inset resolves against the available size.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; background: red;">
<span style="position: relative; top: 100%; left: 100%;">
<div style="width: 100px; height: 100px; background: green; position: relative; top: -100px; left: -100px;"></div>
</span>
</div>

10
tests/wpt/web-platform-tests/css/css-position/position-relative-002.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<link rel="help" href="https://crbug.com/1058690">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="A percent inset resolves against the available size.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; background: red;">
<span style="position: relative; top: 100px; left: 100px;">
<div style="width: 100px; height: 100px; background: green; position: relative; top: -100%; left: -100%;"></div>
</span>
</div>

12
tests/wpt/web-platform-tests/css/css-position/position-relative-003.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<link rel="help" href="https://crbug.com/1058690">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="A percent inset resolves against the available size.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width: 100px; height: 100px; background: red;">
<span style="position: relative; top: 100%; left: 100%;">
<span style="position: relative; top: -100px; left: -100px;">
<div style="width: 100px; height: 100px; background: green; position: fixed;"></div>
</span>
</span>
</div>

16
tests/wpt/web-platform-tests/css/css-position/position-relative-004.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="help" href="https://crbug.com/1058690">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="A percent inset resolves against the available size when it dynamically changes.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="target" style="contain: paint; width: 100px; background: red; line-height: 0;">
<span style="position: relative; top: -100%;">
<span style="position: relative; top: 100px;">
<div style="position: fixed; width: 100px; height: 100px; background: green;"></div>
</span>
</span>
</div>
<script>
document.body.offsetTop;
document.getElementById('target').style.height = '100px';
</script>

16
tests/wpt/web-platform-tests/css/css-position/position-relative-005.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="help" href="https://crbug.com/1058690">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="A percent inset resolves against the available size when it dynamically changes.">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="target" style="width: 100px; background: red; line-height: 0;">
<span style="position: relative; top: -100%;">
<span style="position: relative; top: 100px;">
<div style="position: absolute; width: 100px; height: 100px; background: green;"></div>
</span>
</span>
</div>
<script>
document.body.offsetTop;
document.getElementById('target').style.height = '100px';
</script>