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

Update web-platform-tests to revision 155daf0c385420faf208b8bd5e319e244ec7f9cc

Browse source
This commit is contained in:
WPT Sync Bot 2018-05-27 21:17:21 -04:00 • committed by Josh Matthews
parent 4e6b100c7e
commit e9bdf87a27
768 changed files with 5782 additions and 26218 deletions
Download patch file Download diff file Expand all files Collapse all files

38
tests/wpt/web-platform-tests/css/css-contain/contain-paint-011.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Paint containment absolutely positioned descendants</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name=assert content="Paint containment doesn't apply to inline elements so they don't act as containing block for absolutely positioned descendants.">
<style>
#containing-block {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 20px;
box-sizing: border-box;
}
#contain-paint {
contain: paint;
width: 50px;
height: 50px;
}
#abspos {
position: absolute;
bottom: 0;
right: 0;
background: green;
width: 100%;
height: 100%;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="containing-block">
<span id="contain-paint">
<div id="abspos"></div>
</span>
</div>

38
tests/wpt/web-platform-tests/css/css-contain/contain-paint-012.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Paint containment fixed positioned descendants</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name=assert content="Paint containment doesn't apply to inline elements so they don't act as containing block for fixed positioned descendants.">
<style>
#containing-block {
transform: translateX(0);
background: red;
width: 100px;
height: 100px;
padding: 20px;
box-sizing: border-box;
}
#contain-paint {
contain: paint;
width: 50px;
height: 50px;
}
#fixed {
position: fixed;
bottom: 0;
right: 0;
background: green;
width: 100%;
height: 100%;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="containing-block">
<span id="contain-paint">
<div id="fixed"></div>
</span>
</div>

20
tests/wpt/web-platform-tests/css/css-contain/contain-paint-013-ref.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Reference file</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<style>
.wrapper {
border: solid thick;
margin: 1em;
}
</style>
<p>Test passes if on the first two boxes the top and bottom margins of the text line are double size than on the last box.</p>
<div class="wrapper">
<div style="margin: 2em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</div>
<div class="wrapper">
<div style="margin: 2em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</div>
<div class="wrapper">
<div style="margin: 1em 0;">This text should have 1em top and bottom margins.</div>
</div>

29
tests/wpt/web-platform-tests/css/css-contain/contain-paint-013.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Paint containment independent formatting context</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel="match" href="contain-paint-013-ref.html">
<meta name=assert content="Paint containment elements establish an independent formatting context. The test checks that this feature of paint containment applies to blocks and inline blocks, but it doesn't apply to inline elements.">
<style>
.wrapper {
border: solid thick;
margin: 1em;
}
</style>
<p>Test passes if on the first two boxes the top and bottom margins of the text line are double size than on the last box.</p>
<div class="wrapper">
<div style="margin: 1em 0; contain: paint;">
<div style="margin: 1em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</div>
</div>
<div class="wrapper">
<span style="display: inline-block; margin: 1em 0; contain: paint;">
<div style="margin: 1em 0;">This text should have 2em top and bottom margins (margins do not collapse).</div>
</span>
</div>
<div class="wrapper">
<span style="margin: 1em 0; contain: paint;">
<div style="margin: 1em 0;">This text should have 1em top and bottom margins.</div>
</span>
</div>