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

Update web-platform-tests to revision 9d5d9aa80785d9726ed0a5eaab1a8d144fd4b560

Browse source
This commit is contained in:
WPT Sync Bot 2018-09-06 21:28:50 -04:00
parent 1343c7de50
commit 560e025ce7
68 changed files with 2084 additions and 260 deletions
Download patch file Download diff file Expand all files Collapse all files

21
tests/wpt/web-platform-tests/css/css-contain/contain-layout-018.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Layout containment stacking 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-layout">
<link rel="match" href="../reference/nothing.html">
<meta name=assert content="Elements in which layout containment doesn't apply, do not create a stacking context.">
<style>
div {
display: inline;
contain: layout;
background: white;
}
span {
position: relative;
z-index: -1;
}
</style>
<p>There should be nothing below.</p>
<div><span>FAIL</span></div>

21
tests/wpt/web-platform-tests/css/css-contain/contain-paint-025.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Paint containment stacking 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="../reference/nothing.html">
<meta name=assert content="Elements in which paint containment doesn't apply, do not create a stacking context.">
<style>
div {
display: inline;
contain: paint;
background: white;
}
span {
position: relative;
z-index: -1;
}
</style>
<p>There should be nothing below.</p>
<div><span>FAIL</span></div>

41
tests/wpt/web-platform-tests/css/css-contain/contain-size-grid-002.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Size containment on grid container with explicit non-intrinsically sized tracks (and gaps)</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size">
<meta name=assert content="grid-gap, grid-template-columns, and grid-template-rows do affect the size of the grid, even with size containment">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
div {
position: absolute;
}
#red {
background: red;
width: 100px;
height: 100px;
}
#test {
background: green;
contain: size;
display: grid;
grid-gap: 20px;
grid-template-columns: auto 80px; /* 0 + 20 + 80 = 100 */
grid-template-rows: 40px 40px; /* 40 + 20 + 40 = 100 */
font-size: 800px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id=red></div>
<div id=test>&nbsp;</div>
<!--
The &nbsp;, auto sized column, and 800px font size
are to make the test fail in browsers
that do not implement contain:size at all,
by making the box non square.
-->

45
tests/wpt/web-platform-tests/css/css-contain/contain-size-multicol-001.html Normal file
View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Size containment on a multicol with set column size (and gap)</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size">
<meta name=assert content="columns and column-gap do affect the size of a multicol, even with size containment">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<style>
div {
position: absolute;
}
#red {
background: red;
width: 100px;
height: 100px;
}
#test {
background: green;
columns: 2 40px;
column-gap: 20px;
min-height: 100px;
color: transparent;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id=red></div>
<div id=test>
filler filler filler filler filler filler filler filler
filler filler filler filler filler filler filler filler
filler filler filler filler filler filler filler filler
filler filler filler filler filler filler filler filler
</div>
<!--
The filler text, min-height (instead of height) and transparent color
are to make the test fail in browsers
that do not implement contain:size at all,
by making the box non square.
-->

BIN
tests/wpt/web-platform-tests/css/css-contain/support/60x60-red.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 217 B

19
tests/wpt/web-platform-tests/css/css-writing-modes/img-intrinsic-size-contribution-001.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html style="writing-mode: vertical-lr;">
<title>CSS Test: intrinsic size contributions of images in vertical writing mode</title>
<meta name="assert" content="The image's parent element's intrinsic inline size should be contributed to by the image's height, not the image's width">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
<link rel="author" title="Zhang Junzhi" href="mailto:zjz@zjz.name">
<link rel="match" href="img-intrinsic-size-contribution-ref.html">
<style>
* { margin: 0; padding: 0; }
</style>
<div style="border: 1px solid blue; display: grid; height: 150px;">
<div style="border: 1px solid orange;">
<img src="support/blue-200x100.png">
</div>
</div>
</html>

19
tests/wpt/web-platform-tests/css/css-writing-modes/img-intrinsic-size-contribution-002.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html style="writing-mode: vertical-lr;">
<title>CSS Test: intrinsic size contributions of images in vertical writing mode (with the image itself in horizontal writing mode)</title>
<meta name="assert" content="The image's parent element's intrinsic inline size should be contributed to by the image's height, not the image's width">
<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes">
<link rel="author" title="Zhang Junzhi" href="mailto:zjz@zjz.name">
<link rel="match" href="img-intrinsic-size-contribution-ref.html">
<style>
* { margin: 0; padding: 0; }
</style>
<div style="border: 1px solid blue; display: grid; height: 150px;">
<div style="border: 1px solid orange;">
<img src="support/blue-200x100.png" style="writing-mode: horizontal-tb;">
</div>
</div>
</html>

16
tests/wpt/web-platform-tests/css/css-writing-modes/img-intrinsic-size-contribution-ref.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<title>CSS Test Reference: intrinsic size contributions of images in vertical writing mode</title>
<link rel="author" title="Zhang Junzhi" href="mailto:zjz@zjz.name">
<style>
* { margin: 0; padding: 0; }
</style>
<div style="border: 1px solid blue; height: 150px; width: 202px;">
<div style="border: 1px solid orange; height: 148px;">
<img src="support/blue-200x100.png">
</div>
</div>
</html>

BIN
tests/wpt/web-platform-tests/css/css-writing-modes/support/blue-200x100.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 257 B