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 c0fbd59769588391d78838086bd02ad394301655

Browse source
This commit is contained in:
WPT Sync Bot 2018-06-05 21:09:27 -04:00
parent a07c718895
commit a3df7c3a3c
105 changed files with 1922 additions and 1186 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/web-platform-tests/css/css-contain/contain-layout-001.html
View file

@ -1,12 +1,12 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test: paint containment on non-atomic inlines</title>
<title>CSS-contain test: layout containment on non-atomic inlines</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="paint containment does not apply to non atomic inlines">
<meta name=assert content="layout containment does not apply to non atomic inlines">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
span {

2
tests/wpt/web-platform-tests/css/css-contain/contain-layout-002.html
View file

@ -6,7 +6,7 @@
<meta name=flags content="ahem">
<meta name=assert content="layout containment does not apply to ruby-base">
<link rel="match" href="reference/contain-layout-002-ref.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
rb {

2
tests/wpt/web-platform-tests/css/css-contain/contain-layout-003.html
View file

@ -6,7 +6,7 @@
<meta name=flags content="ahem">
<meta name=assert content="layout containment does not apply to ruby-base-container">
<link rel="match" href="reference/contain-layout-002-ref.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
rbc {

2
tests/wpt/web-platform-tests/css/css-contain/contain-layout-004.html
View file

@ -6,7 +6,7 @@
<meta name=flags content="ahem">
<meta name=assert content="layout containment does not apply to ruby-text-container">
<link rel="match" href="reference/contain-layout-004-ref.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
rtc {

2
tests/wpt/web-platform-tests/css/css-contain/contain-layout-005.html
View file

@ -6,7 +6,7 @@
<meta name=flags content="ahem">
<meta name=assert content="layout containment does not apply to ruby-text">
<link rel="match" href="reference/contain-layout-005-ref.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
rt {

29
tests/wpt/web-platform-tests/css/css-contain/contain-layout-008.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Layout 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-layout">
<link rel="match" href="reference/contain-paint-013-ref.html">
<meta name=assert content="Layout containment elements establish an independent formatting context. The test checks that this feature of layout 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: layout;">
<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: layout;">
<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: layout;">
<div style="margin: 1em 0;">This text should have 1em top and bottom margins.</div>
</span>
</div>

37
tests/wpt/web-platform-tests/css/css-contain/contain-layout-009.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-row-group</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/ref-filled-green-100px-square.xht">
<meta name=flags content="ahem">
<meta name=assert content="Layout containment doesn't apply to table-row-group elements.">
<style>
#wrapper {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
#table-row-group {
display: table-row-group;
contain: layout;
}
#abspos {
position: absolute;
font: 100px/1 Ahem;
color: green;
top: 0;
left: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="wrapper">
<div id="table-row-group">
<div id="abspos">X</div>
</div>
</div>

37
tests/wpt/web-platform-tests/css/css-contain/contain-layout-010.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-header-group</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/ref-filled-green-100px-square.xht">
<meta name=flags content="ahem">
<meta name=assert content="Layout containment doesn't apply to table-header-group elements.">
<style>
#wrapper {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
#table-header-group {
display: table-header-group;
contain: layout;
}
#abspos {
position: absolute;
font: 100px/1 Ahem;
color: green;
top: 0;
left: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="wrapper">
<div id="table-header-group">
<div id="abspos">X</div>
</div>
</div>

37
tests/wpt/web-platform-tests/css/css-contain/contain-layout-011.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-footer-group</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/ref-filled-green-100px-square.xht">
<meta name=flags content="ahem">
<meta name=assert content="Layout containment doesn't apply to table-footer-group elements.">
<style>
#wrapper {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
#table-footer-group {
display: table-footer-group;
contain: layout;
}
#abspos {
position: absolute;
font: 100px/1 Ahem;
color: green;
top: 0;
left: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="wrapper">
<div id="table-footer-group">
<div id="abspos">X</div>
</div>
</div>

37
tests/wpt/web-platform-tests/css/css-contain/contain-layout-012.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-row</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/ref-filled-green-100px-square.xht">
<meta name=flags content="ahem">
<meta name=assert content="Layout containment doesn't apply to table-row elements.">
<style>
#wrapper {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
#table-row {
display: table-row;
contain: layout;
}
#abspos {
position: absolute;
font: 100px/1 Ahem;
color: green;
top: 0;
left: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="wrapper">
<div id="table-row">
<div id="abspos">X</div>
</div>
</div>

30
tests/wpt/web-platform-tests/css/css-contain/contain-layout-013.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-cell</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/ref-filled-green-100px-square.xht">
<meta name=assert content="Layout containment does apply to table-cell elements.">
<style>
#table-cell {
display: table-cell;
contain: layout;
width: 100px;
height: 100px;
background: red;
}
#abspos {
position: absolute;
bottom: 0;
right: 0;
background: green;
width: 100px;
height: 100px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="table-cell">
<div id="abspos"></div>
</div>

30
tests/wpt/web-platform-tests/css/css-contain/contain-layout-014.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Containment Test: Layout containment on table-caption</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/ref-filled-green-100px-square.xht">
<meta name=assert content="Layout containment does apply to table-caption elements.">
<style>
#table-caption {
display: table-caption;
contain: layout;
width: 100px;
height: 100px;
background: red;
}
#abspos {
position: absolute;
bottom: 0;
right: 0;
background: green;
width: 100px;
height: 100px;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="table-caption">
<div id="abspos"></div>
</div>