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

Update web-platform-tests to revision 3f9178031eec5374c9a7d5709a7e11ba4a1955ed

Browse source
This commit is contained in:
WPT Sync Bot 2018-07-22 21:05:03 -04:00
parent 4997ec26c2
commit a5af9a106a
192 changed files with 3943 additions and 1927 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -5,7 +5,7 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<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="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PA</span>SS</div>

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

@ -5,28 +5,32 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<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="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
div {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
rb {
contain: layout;
display: ruby-base;
font-family: ahem;
font-size: 20px;
font-family: Ahem;
font-size: 100px;
line-height: 1;
}
rb::before {
content: "X";
color: green;
}
rb::after {
content: "X";
color: white;
color: green;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div><ruby><rb></rb></ruby></div>

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

@ -5,28 +5,32 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<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="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
div {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
rbc {
contain: layout;
display: ruby-base-container;
font-family: ahem;
font-size: 20px;
font-family: Ahem;
font-size: 100px;
line-height: 1;
}
rbc::before {
content: "X";
color: green;
}
rbc::after {
content: "X";
color: white;
color: green;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div><ruby><rbc></rbc></ruby></div>

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

@ -5,28 +5,32 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<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="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
div {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
rtc {
contain: layout;
display: ruby-text-container;
font-family: ahem;
font-size: 20px;
font-family: Ahem;
font-size: 100px;
line-height: 1;
}
rtc::before {
content: "X";
color: green;
}
rtc::after {
content: "X";
color: white;
color: green;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div><ruby><rtc></rtc></ruby></div>

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

@ -5,28 +5,32 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<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="match" href="../reference/ref-filled-green-100px-square.xht">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<style>
div {
position: relative;
background: red;
width: 100px;
height: 100px;
padding: 25px;
box-sizing: border-box;
}
rt {
contain: layout;
display: ruby-text;
font-family: ahem;
font-size: 20px;
font-family: Ahem;
font-size: 100px;
line-height: 1;
}
rt::before {
content: "X";
color: green;
}
rt::after {
content: "X";
color: white;
color: green;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div><ruby><rt></rt></ruby></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-002.html
View file

@ -5,7 +5,7 @@
<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">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<style>
@ -19,5 +19,5 @@ span::after {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><span></span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-003.html
View file

@ -5,14 +5,14 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="paint containment applies to the principal box, which is the table wrapper box for tables">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<style>
table { contain: paint; }
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<table>
<caption>PASS</caption>
</table>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-004.html
View file

@ -5,14 +5,14 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="paint containment applies to the principal box, which for list items excludes the list marker">
<link rel="match" href="reference/contain-paint-004-ref.html">
<link rel="match" href="../reference/nothing.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<style>
li { contain: paint; }
</style>
<p>This test passes if you can see no number below.
<p>There should be nothing below.</p>
<ol>
<li>
<li>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-005.html
View file

@ -5,7 +5,7 @@
<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 ruby-base">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<style>
@ -20,5 +20,5 @@ rb::after {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><ruby><rb></rb></ruby></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-006.html
View file

@ -5,7 +5,7 @@
<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 ruby-base-container">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-paint">
<style>
@ -20,5 +20,5 @@ rbc::after {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><ruby><rbc></rbc></ruby></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-014.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-paint-014-ref.html">
<link rel="match" href="../reference/nothing.html">
<meta name=assert content="Paint containment does apply to table-cell elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can NOT see the word FAIL below.</p>
<p>There should be nothing below.</p>
<div><span>FAIL</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-015.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Paint containment doesn't apply to table-row-group elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PASS</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-016.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Paint containment doesn't apply to table-header-group elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PASS</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-017.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Paint containment doesn't apply to table-footer-group elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PASS</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-018.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Paint containment doesn't apply to table-row elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PASS</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-paint-019.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Paint 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-paint">
<link rel="match" href="reference/contain-paint-014-ref.html">
<link rel="match" href="../reference/nothing.html">
<meta name=assert content="Paint containment does apply to table-caption elements.">
<style>
div {
@ -15,5 +15,5 @@ span {
}
</style>
<p>This test passes if you can NOT see the word FAIL below.</p>
<p>There should be nothing below.</p>
<div><span>FAIL</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-001.html
View file

@ -5,7 +5,7 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="size containment does not apply to non atomic inlines">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-size">
<style>
@ -13,5 +13,5 @@ div { overflow: hidden; }
span { contain: size; }
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><span>PASS</span></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-002.html
View file

@ -5,7 +5,7 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="size containment does not to apply ruby-base, which is an internatl ruby element">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-size">
<link rel=help href="https://drafts.csswg.org/css-display-3/#internal-ruby-element">
@ -20,5 +20,5 @@ rb {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><ruby><rb>PASS</rb></ruby></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-003.html
View file

@ -5,7 +5,7 @@
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="size containment does not to apply ruby-base-container, which is an internatl ruby element">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<link rel=help href="https://drafts.csswg.org/css-contain-1/#containment-size">
<link rel=help href="https://drafts.csswg.org/css-display-3/#internal-ruby-element">
@ -20,5 +20,5 @@ rbc {
}
</style>
<p>This test passes if you can see the word PASS below.
<p>Test passes if there is the word "PASS" below.</p>
<div><ruby><rbc>PASS</rbc></ruby></div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-006.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table-cell elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-007.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table-row-group elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-008.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table-header-group elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-009.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table-footer-group elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-010.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table-row elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-011.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size 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-size">
<link rel="match" href="reference/contain-paint-014-ref.html">
<link rel="match" href="../reference/nothing.html">
<meta name=assert content="Size containment does apply to table-caption elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can NOT see the word FAIL below.</p>
<p>There should be nothing below.</p>
<div>FAIL</div>

4
tests/wpt/web-platform-tests/css/css-contain/contain-size-012.html
View file

@ -3,7 +3,7 @@
<title>CSS Containment Test: Size containment on table</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-size">
<link rel="match" href="reference/contain-size-001-ref.html">
<link rel="match" href="../reference/pass_if_pass_below.html">
<meta name=assert content="Size containment doesn't apply to table elements.">
<style>
div {
@ -13,5 +13,5 @@ div {
}
</style>
<p>This test passes if you can see the word PASS below.</p>
<p>Test passes if there is the word "PASS" below.</p>
<div>PASS</div>

27
tests/wpt/web-platform-tests/css/css-contain/reference/contain-layout-002-ref.html
View file

@ -1,27 +0,0 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test referene</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="ahem">
<style>
rb {
font-family: ahem;
font-size: 20px;
line-height: 1;
}
rb::before {
content: "X";
color: green;
}
rb::after {
content: "X";
color: white;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<div><ruby><rb></rb></ruby></div>

28
tests/wpt/web-platform-tests/css/css-contain/reference/contain-layout-004-ref.html
View file

@ -1,28 +0,0 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="ahem">
<style>
rtc {
display: ruby-text-container;
font-family: ahem;
font-size: 20px;
line-height: 1;
}
rtc::before {
content: "X";
color: green;
}
rtc::after {
content: "X";
color: white;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<div><ruby><rtc></rtc></ruby></div>

28
tests/wpt/web-platform-tests/css/css-contain/reference/contain-layout-005-ref.html
View file

@ -1,28 +0,0 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="ahem">
<style>
rt {
display: ruby-text;
font-family: ahem;
font-size: 20px;
line-height: 1;
}
rt::before {
content: "X";
color: green;
}
rt::after {
content: "X";
color: white;
position: absolute;
top:0; left: 0;
}
</style>
<p>This test passes if you can see a green box below.
<div><ruby><rt></rt></ruby></div>

7
tests/wpt/web-platform-tests/css/css-contain/reference/contain-paint-004-ref.html
View file

@ -1,7 +0,0 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<p>This test passes if you can see no number below.

5
tests/wpt/web-platform-tests/css/css-contain/reference/contain-paint-014-ref.html
View file

@ -1,5 +0,0 @@
<!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">
<p>This test passes if you can NOT see the word FAIL below.</p>

8
tests/wpt/web-platform-tests/css/css-contain/reference/contain-size-001-ref.html
View file

@ -1,8 +0,0 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS-contain test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<p>This test passes if you can see the word PASS below.
<div>PASS</div>

34
tests/wpt/web-platform-tests/css/css-counter-styles/idlharness.html Normal file
View file

@ -0,0 +1,34 @@
<!doctype html>
<title>css-counter-styles IDL tests</title>
<link rel="help" href="https://drafts.csswg.org/css-counter-styles/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/WebIDLParser.js"></script>
<script src="/resources/idlharness.js"></script>
<style>
@counter-style triangle {
system: cyclic;
symbols: ‣;
suffix: " ";
}
</style>
<script>
'use strict';
idl_test(
['css-counter-styles'],
['cssom'],
idl_array => {
try {
self.counter = document.styleSheets[0].rules[0];
} catch (e) {
// Will be surfaced when counter is undefined below.
}
idl_array.add_objects({
CSSCounterStyleRule: ['counter'],
});
},
'css-counter-styles interfaces'
);
</script>

31
tests/wpt/web-platform-tests/css/css-font-loading/idlharness.https.html
View file

@ -8,22 +8,17 @@
<script>
'use strict';
promise_test(async () => {
const srcs = ['css-font-loading', 'dom', 'html', 'cssom'];
const [cssfontloading, dom, html, cssom] = await Promise.all(
srcs.map(i => fetch(`/interfaces/${i}.idl`).then(r => r.text())));
const idl_array = new IdlArray();
idl_array.add_idls(cssfontloading);
idl_array.add_dependency_idls(dom);
idl_array.add_dependency_idls(html);
idl_array.add_dependency_idls(cssom);
idl_array.add_objects({
Document: ['document'],
FontFace: ['new FontFace("family", "src")'],
FontFaceSetLoadEvent: ['new FontFaceSetLoadEvent("type")'],
FontFaceSet: ['document.fonts'],
});
idl_array.test();
}, 'css-font-loading interfaces');
idl_test(
['css-font-loading'],
['dom', 'html', 'cssom'],
idl_array => {
idl_array.add_objects({
Document: ['document'],
FontFace: ['new FontFace("family", "src")'],
FontFaceSetLoadEvent: ['new FontFaceSetLoadEvent("type")'],
FontFaceSet: ['document.fonts'],
});
},
'css-font-loading interfaces'
);
</script>

10
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-armenian-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!doctype html>
<meta charset=utf8>
<title>Reference: Inside list marker and normal text render identically: armenian</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>Ա. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-armenian.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: armenian</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-armenian-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: armenian inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

12
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-circle-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: circle</title>
<style>
* {
margin: 0;
padding: 0;
}
p::before {
content: counter(test, circle);
}
</style>
<p> Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-circle.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: circle</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-circle-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: circle inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: decimal-leading-zero</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>01. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: decimal-leading-zero</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-decimal-leading-zero-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: decimal-leading-zero inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-decimal-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: decimal</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>1. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-decimal.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: decimal</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-decimal-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: decimal inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

12
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-disc-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: disc</title>
<style>
* {
margin: 0;
padding: 0;
}
p::before {
content: counter(test, disc);
}
</style>
<p> Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-disc.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: disc</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-disc-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: disc inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

10
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-georgian-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!doctype html>
<meta charset=utf8>
<title>Reference: Inside list marker and normal text render identically: georgian</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>ა. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-georgian.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: georgian</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-georgian-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: georgian inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

10
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html Normal file
View file

@ -0,0 +1,10 @@
<!doctype html>
<meta charset=utf8>
<title>Reference: Inside list marker and normal text render identically: lower-greek</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>α. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-greek.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: lower-greek</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-lower-greek-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: lower-greek inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: lower-latin</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>a. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-latin.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: lower-latin</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-lower-latin-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: lower-latin inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: lower-roman</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>i. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-lower-roman.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: lower-roman</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-lower-roman-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: lower-roman inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

12
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-square-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: square</title>
<style>
* {
margin: 0;
padding: 0;
}
p::before {
content: counter(test, square);
}
</style>
<p> Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-square.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: square</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-square-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: square inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: upper-latin</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>A. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-upper-latin.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: upper-latin</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-upper-latin-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: upper-latin inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

9
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<title>Reference: Inside list marker and normal text render identically: upper-roman</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
<p>I. Filler Text

18
tests/wpt/web-platform-tests/css/css-lists/content-property/marker-text-matches-upper-roman.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<title>Inside list marker and normal text render identically: upper-roman</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-upper-roman-ref.html">
<style>
* {
padding: 0;
margin: 0;
}
ol {
list-style: upper-roman inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>

16
tests/wpt/web-platform-tests/css/css-pseudo/marker-inherit-line-height-ref.html Normal file
View file

@ -0,0 +1,16 @@
<!doctype html>
<title>Reference: Check that :marker inherits line-height</title>
<style>
div {
font: 128px/1 Ahem;
border: 2px solid blue;
background: orange;
color: black;
}
</style>
<p>There should be two black rectangles below with no space between them and
the border above/below.</p>
<div>
1. X
</div>

29
tests/wpt/web-platform-tests/css/css-pseudo/marker-inherit-line-height.html Normal file
View file

@ -0,0 +1,29 @@
<!doctype html>
<title>Check that :marker inherits line-height</title>
<link rel=help href="https://drafts.csswg.org/css-pseudo-4/#tree-abiding">
<link rel=help href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
<link rel=help href="https://drafts.csswg.org/css-display-3/#list-items">
<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1415759">
<link rel=match href=marker-inherit-line-height-ref.html>
<style>
div {
font: 128px/1 Ahem;
border: 2px solid blue;
background: orange;
color: black;
}
ol {
margin: 0;
padding: 0;
list-style-position: inside;
list-style-type: decimal;
}
</style>
<p>There should be two black rectangles below with no space between them and
the border above/below.</p>
<div>
<ol>
<li>X
</ol>
</div>

21
tests/wpt/web-platform-tests/css/css-regions/idlharness.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<title>css-regions IDL tests</title>
<link rel="help" href="https://drafts.csswg.org/css-regions/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/WebIDLParser.js"></script>
<script src="/resources/idlharness.js"></script>
<script>
'use strict';
idl_test(
['css-regions'],
['cssom', 'dom'],
idl_array => {
idl_array.add_objects({
Document: ['document'],
})
},
'css-regions interfaces'
);
</script>

36
tests/wpt/web-platform-tests/css/css-text/overflow-wrap/overflow-wrap-break-word-004.html
View file

@ -1,36 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: break-word</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
<meta name="flags" content="ahem">
<link rel="match" href="reference/overflow-wrap-break-word-001-ref.html">
<meta name="assert" content="A Single leading white-space constitutes a soft breaking opportunity, honoring the 'white-space: pre-wrap' property, that must prevent the word to be broken.">
<style>
div {
position: relative;
font-size: 20px;
font-family: Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
line-height: 1em;
width: 5ch;
white-space: pre-wrap;
overflow-wrap: break-word;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"><br>XXXXX</div>
<div class="test"> XXXXX </div>
</body>

16
tests/wpt/web-platform-tests/css/css-text/word-break/reference/word-break-break-all-010-ref.html
View file

@ -1,16 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Reference File</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
position: relative;
width: 100px;
height: 100px;
background: green;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div></div>
</body>

37
tests/wpt/web-platform-tests/css/css-text/word-break/word-break-break-all-010.html
View file

@ -1,37 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: break-word</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="ahem">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="The word is broken even if pre-wrap provides a former breaking opportunity in leading white-space.">
<style>
div {
position: relative;
font-size: 20px;
font-family: Ahem;
}
.red {
position: absolute;
white-space: pre;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
line-height: 1em;
width: 5ch;
white-space: pre-wrap;
word-break: break-all;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red"> XXXX<br>X</div>
<div class="test"> XXXXX</div>
</body>

36
tests/wpt/web-platform-tests/css/css-text/word-break/word-break-break-all-011.html
View file

@ -1,36 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text Test: overflow-wrap: break-word</title>
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-word-break-break-all">
<meta name="flags" content="ahem">
<link rel="match" href="reference/word-break-break-all-010-ref.html">
<meta name="assert" content="A single leading white-space should account as soft breaking opportunity, honoring the 'white-space: pre-wrap', on top to the ones provided by 'word-break: break-all'.">
<style>
div {
position: relative;
font-size: 20px;
font-family: Ahem;
}
.red {
position: absolute;
background: green;
color: red;
width: 100px;
height: 100px;
z-index: -1;
}
.test {
color: green;
background: green;
line-height: 1em;
width: 1ch;
white-space: pre-wrap;
word-break: break-all;
}
</style>
<body>
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
<div class="red">X<br>X<br>X</div>
<div class="test"> XX</div>
</body>