Update web-platform-tests to revision ac16628eb7eb601957382053011363d2bcf8ce44

This commit is contained in:
WPT Sync Bot 2020-02-17 08:20:12 +00:00
parent ea7e753cea
commit 7e7c8873e4
4408 changed files with 664787 additions and 857286 deletions

View file

@ -2,22 +2,24 @@
<html>
<meta charset="utf-8">
<title>CSS Text — NARROW NO-BREAK SPACE after atomic inline</title>
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a preceeding NARROW NO-BREAK SPACE">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-atomic-003-ref.html">
<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
font: 50px/1 Ahem;
width: 0;
color: green;
width: 100px;
height: 100px;
background: red;
}
span {
display: inline-block;
}
</style>
<p>Test passes if there are two identical squares below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div><span>AB</span>&#8239;CD</div>
<div>AB&#8239;CD</div>
<div>AB&#8239;<span>CD</span></div>

View file

@ -2,22 +2,31 @@
<html>
<meta charset="utf-8">
<title>CSS Text — NARROW NO-BREAK SPACE before atomic inline</title>
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a preceeding NARROW NO-BREAK SPACE">
<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-atomic-003-ref.html">
<link rel=match href="reference/line-breaking-atomic-004-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
.red {
font: 50px/1 Ahem;
width: 0;
position: absolute;
z-index: -1;
color: red;
}
.test {
font: 50px/1 Ahem;
color: green;
width: 100px;
height: 100px;
}
span {
display: inline-block;
}
</style>
<p>Test passes if there are two identical squares below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div>AB&#8239;<span>CD</span></div>
<div>AB&#8239;CD</div>
<div class=red>&#8239;AB<br>&#8239;CD</div>
<div class=test><span>&#8239;AB</span>&#8239;CD</div>

View file

@ -2,22 +2,31 @@
<html>
<meta charset="utf-8">
<title>CSS Text — WORD JOINER after atomic inline</title>
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a following WORD JOINER">
<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a following WORD JOINER">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-atomic-005-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
.red {
font: 50px/1 Ahem;
width: 0;
position: absolute;
z-index: -1;
color: red;
}
.test {
font: 50px/1 Ahem;
color: green;
width: 100px;
height: 100px;
}
span {
display: inline-block;
}
</style>
<p>Test passes if there is a black square below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div><span>A</span>&#8288;B</div>
<div>A&#8288;B</div>
<div class=red>&#8288;AB<br>&#8288;CD</div>
<div class=test><span>&#8288;AB</span>&#8288;CD</div>

View file

@ -2,22 +2,24 @@
<html>
<meta charset="utf-8">
<title>CSS Text — WORD JOINER before atomic inline</title>
<meta name=assert content="There is **not** a soft wrap opportunity between an atomic inline and a preceeding WORD JOINER">
<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a preceeding WORD JOINER">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-atomic-005-ref.html">
<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
font: 50px/1 Ahem;
width: 0;
color: green;
width: 100px;
height: 100px;
background: red;
}
span {
display: inline-block;
}
</style>
<p>Test passes if there is a black square below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div>A&#8288;<span>B</span></div>
<div>A&#8288;B</div>
<div>AB&#8288;<span>CD</span></div>

View file

@ -1,7 +1,7 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — atomic inline line breaks like ideographic character</title>
<title>CSS Text — atomic inline line breaks before and after</title>
<meta name=assert content="There's a soft wrap opportunity before and after an atomic inline">
<link rel=match href="reference/line-breaking-atomic-007-ref.html">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">

View file

@ -1,8 +1,8 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — atomic inline line breaks like ideographic character, keep-all</title>
<meta name=assert content="There isn't a soft wrap opportunity before and after an atomic inline when word-break is keep-all">
<title>CSS Text — atomic inline line not affected by keep-all</title>
<meta name=assert content="There is a soft wrap opportunity before and after an atomic inline even when word-break is keep-all">
<link rel=match href="reference/line-breaking-atomic-008-ref.html"
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=help href="https://drafts.csswg.org/css-text-3/#valdef-word-break-keep-all">
@ -29,5 +29,5 @@ span {
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
<div class=red>ABC</div>
<div class=red>A<br>B<br>C</div>
<div class=test>A<span>B</span>C</div>

View file

@ -0,0 +1,21 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — atomic inline and punctuation</title>
<meta name=assert content="There's a soft wrap opportunity between an atomic inline following punctuation">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-atomic-009-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
font-size: 4em;
width: 0;
}
span {
display: inline-block;
}
</style>
<p>Test passes if there the “:” is under the “A” in the text below.
<div><span>A</span>:</div>

View file

@ -2,7 +2,7 @@
<html>
<meta charset="utf-8">
<title>CSS Text — NARROW NO-BREAK SPACE and replaced element</title>
<meta name=assert content="There is **not** a soft wrap opportunity between replaced elements and adjacent NARROW NO-BREAK SPACE">
<meta name=assert content="There is a soft wrap opportunity between replaced elements and adjacent NARROW NO-BREAK SPACE">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-replaced-002-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
@ -18,6 +18,6 @@
<p>Test passes if there is no red.
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br>&#8239;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>

View file

@ -2,7 +2,7 @@
<html>
<meta charset="utf-8">
<title>CSS Text — WORD JOINER and replaced element</title>
<meta name=assert content="There is **not** a soft wrap opportunity between replaced elements and adjacent WORD JOINER">
<meta name=assert content="There is a soft wrap opportunity between replaced elements and adjacent WORD JOINER">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-replaced-003-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
@ -18,6 +18,6 @@
<p>Test passes if there is no red.
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50>&#8288;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>&#8288;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>

View file

@ -1,7 +1,7 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — replaced elements line break like ideographic characters</title>
<title>CSS Text — replaced elements line break before and after</title>
<meta name=assert content="There's a soft wrap opportunity before and after a replaced element">
<link rel=match href="reference/line-breaking-replaced-004-ref.html">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">

View file

@ -1,9 +1,9 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — replaced elements line break like ideographic characters, keep-all</title>
<meta name=assert content="There isn't a soft wrap opportunity before and after a replaced element with word-break: keep-all">
<link rel=match href="reference/line-breaking-replaced-005-ref.html">
<title>CSS Text — replaced elements line break before and after, even with keep-all</title>
<meta name=assert content="There is a soft wrap opportunity before and after a replaced element even with word-break: keep-all">
<link rel=match href="reference/line-breaking-replaced-004-ref.html">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
@ -13,6 +13,6 @@ div {
}
</style>
<p>Test passes if “A” and “B” are on the same line.
<p>Test passes if “B” is below “A”.
<div>A<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">B</div>
<div>A<br><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="><br>B</div>

View file

@ -0,0 +1,29 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>CSS Text — replaced element and punctuation</title>
<meta name=assert content="There's a soft wrap opportunity between a replaced element punctuation">
<link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
<link rel=match href="reference/line-breaking-replaced-006-ref.html">
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
font: 50px/1 Ahem;
}
.red {
position: absolute;
z-index: -1;
color: red;
white-space: pre;
}
.test {
color: green;
width: 0;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div class=red><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50><br>:</div>
<div class=test><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50>:</div>

View file

@ -0,0 +1,17 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>Test reference</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
font: 50px/1 Ahem;
position: absolute;
z-index: -1;
color: green;
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div>&#8239;AB<br>&#8239;CD</div>

View file

@ -5,12 +5,14 @@
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
.red {
font: 50px/1 Ahem;
position: absolute;
z-index: -1;
color: green;
}
</style>
<p>Test passes if there is a black square below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div>A&#8288;B</div>
<div>A&#8288;B</div>
<div>&#8288;AB<br>&#8288;CD</div>

View file

@ -13,4 +13,4 @@ div {
<p>Test passes if there is a green rectangle and <strong>no red</strong>.
<div>ABC</div>
<div>A<br>B<br>C</div>

View file

@ -0,0 +1,14 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>Test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
font-size: 4em;
}
</style>
<p>Test passes if there the “:” is under the “A” in the text below.
<div>A<br>:</div>

View file

@ -6,4 +6,4 @@
<p>Test passes if there is no red.
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8239;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>

View file

@ -6,4 +6,4 @@
<p>Test passes if there is no red.
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>&#8288;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>

View file

@ -1,9 +0,0 @@
<!doctype html>
<html>
<meta charset="utf-8">
<title>test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<p>Test passes if “A” and “B” are on the same line.
<div>A<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">B</div>

View file

@ -7,10 +7,10 @@
<style>
div {
font: 50px/1 Ahem;
color: green;
}
</style>
<p>Test passes if there are two identical squares below.
<p>Test passes if there is a filled green square and <strong>no red</strong>.
<div>AB&#8239;CD</div>
<div>AB&#8239;CD</div>
<div><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50><br>:</div>