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

Update web-platform-tests to revision 138d2e938d493a5c8435025162759c2e34b3b1d1

Browse source
This commit is contained in:
WPT Sync Bot 2019-05-24 10:23:39 +00:00
parent ce37d5ebf2
commit 732399d5d9
1754 changed files with 6528 additions and 3662 deletions
Download patch file Download diff file Expand all files Collapse all files

42
tests/wpt/web-platform-tests/css/css-contain/contain-paint-table-001.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Containment Test: 'contain: paint' applies to 'table' elements</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-paint">
<link rel="match" href="reference/contain-paint-047-ref.html">
<meta content="This test checks that paint containment applies to table elements. Therefore the content of the table element should be clipped to the padding edge of its principal box." name="assert">
<meta name="flags" content="">
<style>
div#table
{
display: table;
font-family: monospace;
font-size: 100px;
table-layout: fixed;
width: 4ch;
contain: paint;
}
div.cell
{
display: table-cell;
color: green;
}
span
{
background-color: red;
color: yellow;
}
</style>
<p>Test passes if there is <strong>no red</strong>.
<div id="table">
<div class="cell">PASS<span>FAIL</span></div>
</div>

50
tests/wpt/web-platform-tests/css/css-contain/contain-paint-table-002.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Containment Test: 'contain: paint' applies to 'table' elements</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-paint">
<link rel="match" href="reference/contain-paint-047-ref.html">
<meta content="This test checks that paint containment applies to table elements. Therefore the content of the table element (including its caption) should be clipped to the padding edge of its principal box." name="assert">
<meta name="flags" content="">
<style>
div#table
{
display: table;
font-family: monospace;
font-size: 100px;
table-layout: fixed;
width: 4ch;
contain: paint;
}
div.caption
{
display: table-caption;
color: green;
/* We have to limit the width of the caption here, or else the caption's
intrinsic width (including the "FAIL" span) would "prop up" the width
of the table to be a size that'd be larger than its specified width.
Really, we want the table to be *only* 4 characters wide (as wide as
the text "PASS"), with "FAIL" overflowing and getting clipped by
"contain:paint" on the table wrapper box. */
width: 4ch;
}
span
{
background-color: red;
color: yellow;
}
</style>
<p>Test passes if there is <strong>no red</strong>.
<div id="table">
<div class="caption">
PASS<span>FAIL</span>
</div>
</div>

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

@ -0,0 +1,45 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test: layout/paint containment on subgrid</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<meta name=assert content="layout/paint containment inhibits subgrid">
<link rel="match" href="reference/contain-subgrid-001.html">
<link rel=help href="https://drafts.csswg.org/css-contain/#containment-layout">
<link rel=help href="https://drafts.csswg.org/css-contain/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-grid-2/">
<style>
.grid {
display: grid;
width: 40px;
height: 40px;
grid: [a] repeat(2,15px) [b] / [a] repeat(2,15px) [b];
gap: 10px;
}
.subgrid {
display: grid;
grid: subgrid;
background: lightgrey;
grid-area:1/1/3/3;
}
.layout { contain: layout; }
.paint { contain: paint; }
.inner {
background: blue;
grid-area:a/a/b/b;
}
.p {
place-self: start;
width:100%;
height:100%;
}
</style>
<div class="grid"><div class="subgrid layout"><div class="inner"></div></div></div>
<div class="grid"><div class="subgrid paint"><div class="inner"></div></div></div>
<div class="grid"><div class="subgrid layout"><div class="inner p"></div></div></div>
<div class="grid"><div class="subgrid paint"><div class="inner p"></div></div></div>

35
tests/wpt/web-platform-tests/css/css-contain/reference/contain-subgrid-001.html Normal file
View file

@ -0,0 +1,35 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain reference: layout/paint containment on subgrid</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<style>
.grid {
display: grid;
width: 40px;
height: 40px;
grid: [a] repeat(2,15px) [b] / [a] repeat(2,15px) [b];
gap: 10px;
}
.subgrid {
display: grid;
grid: none;
background: lightgrey;
grid-area:1/1/3/3;
}
.layout { contain: layout; }
.paint { contain: paint; }
.inner {
background: blue;
grid-area:a/a/b/b;
}
</style>
<div class="grid"><div class="subgrid layout"><div class="inner"></div></div></div>
<div class="grid"><div class="subgrid paint"><div class="inner"></div></div></div>
<div class="grid"><div class="subgrid layout"><div class="inner"></div></div></div>
<div class="grid"><div class="subgrid paint"><div class="inner"></div></div></div>