Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8

This commit is contained in:
WPT Sync Bot 2020-09-12 08:20:19 +00:00
parent 68cb8f3d59
commit 75d6484415
1377 changed files with 31062 additions and 16983 deletions

View file

@ -1,44 +1,46 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: collapsible white space at end-of-line and bidi</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<title>CSS Text 3 test: trailing collapsible spaces and bidi</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/eol-spaces-bidi-001-ref.html">
<meta name="assert" content="Collapsible space at the end of the line prior to bidi reordering are removed.">
<meta name="assert" content="Space before a line break is removed even if reordered to the middle of line by bidi reordering">
<style>
div {
font-family: monospace;
border: solid blue;
font-size: 1.5em;
margin-bottom:1em;
display: inline-block;
font-family: monospace;
border: solid blue;
font-size: 1.5em;
}
.ref {
white-space: pre;
border-color: orange;
border-color: orange;
white-space: pre;
}
.w5 { width: 5ch; }
.w6 { width: 6ch; }
.w7 { width: 7ch; }
.w8 { width: 8ch; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
.pink { background: #ffaaff; }
.yellow { background: #ffffaa; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
.pink { background: #ffaaff; }
.yellow { background: #ffffaa; }
</style>
<p>Test passes if the content of each blue box (on the left) is laid out identically to the content of the orange box to its right.
<p>Test passes if each pair of blue / orange boxes are identical (except for the color of their border).
<div class=w5><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="ref w5">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<br>
<div class="w5 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<hr>
<div class=w6><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="ref w6">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<br>
<div class="w6 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<hr>
<div class=w7><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="ref w7">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<br>
<div class=w8><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="ref w8">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<div class="w7 ref">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>

View file

@ -0,0 +1,69 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text 3 test: trailing pre-wrap spaces and bidi</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes/#text-direction">
<link rel="help" href="http://www.unicode.org/reports/tr9/#L1">
<link rel="match" href="reference/eol-spaces-bidi-002-ref.html">
<meta name="assert" content="Use UAX9L1 to determine which space is at the end of the line, taking into account that such spaces, when pre-wrap, must hang.">
<style>
div {
font-family: monospace;
border: solid blue;
font-size: 1.5em;
white-space: pre-wrap;
}
.ref {
border-color: orange;
white-space: pre;
}
.w6 { width: 6ch; }
.w7 { width: 7ch; }
.w8 { width: 8ch; }
.w9 { width: 9ch; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
.pink { background: #ffaaff; }
.yellow { background: #ffffaa; }
</style>
<p>Test passes if each pair of blue / orange boxes are identical (except for the color of their border).
<!-- not coloring the space between ا and ب in this particular case,
because per UAX9 L1 and css-text-3 4.1.2 point 4 bullet 2:
this space MUST be at the end of the line and hang,
but also the UA MAY collapse it's advance width.
Not giving it a color lets the test pass either way.
-->
<div class="w6"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span> </span>ب<span class=yellow> </span></div>
<div class="w6 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<br>ب<span class=yellow> </span></div>
<hr>
<div class="w7"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="w7 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span><br>ب<span class=yellow> </span></div>
<hr>
<!-- not coloring the last space in this particular case,
because per 4.1.2 point 4 bullet 2:
this space MUST hang,
but also the UA MAY collapse it's advance width.
So we know for sure it won't cause a line break,
but it may or may not be visible at the end of the line.
Not giving it a color lets the test pass either way.
-->
<div class="w8"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span> </span></div>
<div class="w8 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<hr>
<div class="w9"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="w9 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>

View file

@ -1,39 +1,38 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS test reference</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<title>CSS Text 3 test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
div {
font-family: monospace;
border: solid blue;
font-size: 1.5em;
margin-bottom:1em;
display: inline-block;
white-space: pre;
font-family: monospace;
border: solid blue;
font-size: 1.5em;
white-space: pre;
}
.ref {
border-color: orange;
border-color: orange;
}
.w5 { width: 5ch; }
.w6 { width: 6ch; }
.w7 { width: 7ch; }
.w8 { width: 8ch; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
</style>
<p>Test passes if the content of each blue box (on the left) is laid out identically to the content of the orange box to its right.
<p>Test passes if each pair of blue / orange boxes are identical (except for the color of their border).
<div class="w5">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<div class="ref w5">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<br>
<div class="w5 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<hr>
<div class="w6">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<div class="ref w6">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<br>
<div class="w6 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div>
<hr>
<div class="w7">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<div class="ref w7">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<br>
<div class="w8">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<div class="ref w8">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<div class="w7 ref">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text 3 test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
div {
font-family: monospace;
border: solid blue;
font-size: 1.5em;
white-space: pre;
}
.ref {
border-color: orange;
}
.w6 { width: 6ch; }
.w7 { width: 7ch; }
.w8 { width: 8ch; }
.w9 { width: 9ch; }
.blue { background: #aaaaff; }
.red { background: #ffaaaa; }
.green { background: #aaffaa; }
.pink { background: #ffaaff; }
.yellow { background: #ffffaa; }
</style>
<p>Test passes if each pair of blue / orange boxes are identical (except for the color of their border).
<div class="w6"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<br>ب<span class=yellow> </span></div>
<div class="w6 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<br>ب<span class=yellow> </span></div>
<hr>
<div class="w7"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span><br>ب<span class=yellow> </span></div>
<div class="w7 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span><br>ب<span class=yellow> </span></div>
<hr>
<div class="w8"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<div class="w8 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>
<hr>
<div class="w9"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>
<div class="w9 ref"><span class=pink> </span>A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب<span class=yellow> </span></div>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test Reference</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
border: solid;
width: min-content;
}
.soft-wrap { border-color: blue; }
.hard-break { border-color: orange; }
</style>
<p>Test passes if the content of the blue and orange boxes is identical to that of the black box.
<div class=soft-wrap>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>
<div class=hard-break>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>
<div class=ref>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: trailing ogham spaces</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/trailing-ogham-001-ref.html">
<meta name="assert" content="tailing collaspible ogham spaces are removed">
<style>
div {
border: solid;
width: min-content;
}
.soft-wrap { border-color: blue; }
.hard-break { border-color: orange; }
</style>
<p>Test passes if the content of the blue and orange boxes is identical to that of the black box.
<div class=soft-wrap>᚛ᚑᚌᚐᚋ᚜&#x1680;᚛ᚑᚌᚐᚋ᚜</div>
<div class=hard-break>᚛ᚑᚌᚐᚋ᚜&#x1680;<br>᚛ᚑᚌᚐᚋ᚜</div>
<div class=ref>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: trailing pre-line ogham spaces</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/trailing-ogham-001-ref.html">
<meta name="assert" content="tailing collaspible (with pre-line) ogham spaces are removed">
<style>
div {
border: solid;
width: min-content;
white-space: pre-line;
}
.soft-wrap { border-color: blue; }
.hard-break { border-color: orange; }
</style>
<p>Test passes if the content of the blue and orange boxes is identical to that of the black box.
<div class=soft-wrap>᚛ᚑᚌᚐᚋ᚜&#x1680;᚛ᚑᚌᚐᚋ᚜</div>
<div class=hard-break>᚛ᚑᚌᚐᚋ᚜&#x1680;<br>᚛ᚑᚌᚐᚋ᚜</div>
<div class=ref>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: trailing nowrap ogham spaces</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/trailing-ogham-001-ref.html">
<meta name="assert" content="tailing collaspible (nowrap) ogham spaces are removed">
<style>
div {
border: solid;
width: min-content;
white-space: nowrap;
}
.br { border-color: blue; }
.end-of-element { border-color: orange; }
</style>
<p>Test passes if the content of the blue and orange boxes is identical to that of the black box.
<div class=end-of-element>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜&#x1680;</div>
<div class=br>᚛ᚑᚌᚐᚋ᚜&#x1680;<br>᚛ᚑᚌᚐᚋ᚜</div>
<div class=ref>᚛ᚑᚌᚐᚋ᚜<br>᚛ᚑᚌᚐᚋ᚜</div>