mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update web-platform-tests to revision 0bfde9f6a8bfde0fde4dba73d7172a8eed6e946e
This commit is contained in:
WPT Sync Bot
parent
5d4dac8cf2
commit
6a79d6ee64
420 changed files with 901 additions and 14894 deletions
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: `break-word` should work with `word-break: keep-all`</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
div {
|
||||
overflow-wrap: break-word;
|
||||
word-break: keep-all;
|
||||
font-size: 10px;
|
||||
width: 7ch;
|
||||
line-height: 20px;
|
||||
background: lightgray;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<body>
|
||||
<div>0000000000</div>
|
||||
<div>헬로우월드헬로우월드헬로우월드헬로우월드헬로우월드</div>
|
||||
<script>
|
||||
for (let e of document.getElementsByTagName('div')) {
|
||||
test(() => {
|
||||
// All boxes should wrap to more than 1 line.
|
||||
assert_greater_than(e.offsetHeight, 20);
|
||||
}, e.textContent);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
|
@ -2,6 +2,16 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<br>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>あああ</div><div>ああ</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>ああああ あ あ</div>
|
||||
<div>ああ</div>
|
||||
|
|
@ -1,26 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<style>
|
||||
div { font-family: monospace; }
|
||||
div {
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
background: green;
|
||||
float: left;
|
||||
clear: left;
|
||||
white-space: pre;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx<br>xx</div>
|
||||
<div>xx                   　</div>
|
||||
<div>xx</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: ideographic space at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: ideographic space at the end of line must hang</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/trailing-ideographic-space-001-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must be removed.">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must hang.">
|
||||
<style>
|
||||
div { width: 2em; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<span>　</span>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div class=red>あああ</div>
|
||||
<div class=red>ああ<span class=green>　</span><br>ああ</div>
|
||||
<div class=green>ああ<br>ああ</div>
|
||||
<!-- the ideographic space must not be removed,
|
||||
so it should hide the third red あ of the first div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -1,14 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequence of spaces and ideographic spaces at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: sequence of spaces and ideographic spaces at the end of line must hang</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/trailing-ideographic-space-001-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must be removed.">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-002-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang.">
|
||||
<style>
|
||||
div { width: 2em; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is no red.
|
||||
<div>ああ<span>　　 　 　</span>ああ</div>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
<div class=red>ああああ あ あ</div>
|
||||
<div class=red>ああ<span class=green>　　 　 　</span><br>ああ</div>
|
||||
<div class=green>ああ<br>ああ</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -1,30 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequence of spaces and other space separators at the end of line must be removed</title>
|
||||
<title>CSS Text level 3 Test: sequence of spaces and other space separators at the end of line must hang</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/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
|
||||
<div>xx<span>                   　</span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span>　</span>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -4,27 +4,45 @@
|
|||
<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/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed, with white-space:pre-line.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang, with white-space:pre-line.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; white-space: pre-line; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<div>xx<span>                   　</span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span> </span><wbr>xx</div>
|
||||
<div>xx<span> </span>xx</div>
|
||||
<div>xx<span>　</span>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -4,27 +4,44 @@
|
|||
<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/trailing-other-space-separators-001-ref.html">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must be removed, with white-space:nowrap.">
|
||||
<meta name="assert" content="An sequence of regular spaces and other space separators at the end of the line must hang, with white-space:nowrap.">
|
||||
<style>
|
||||
div { font-family: monospace; width: 2ch; white-space: nowrap; }
|
||||
span { background: red; } /* If the space hangs instead of being removed, there will be red */
|
||||
div {
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
line-height: 1;
|
||||
color: transparent;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.red { background: red; }
|
||||
.green { background: green; }
|
||||
#pre { white-space:pre; }
|
||||
</style>
|
||||
<p>Test passes if the shape below is green and if there is no red.
|
||||
|
||||
<p>Test passes if there are two columns of "x" characters below and no red.
|
||||
|
||||
<div>xx<span>                   　</span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span> </span><br>xx</div>
|
||||
<div>xx<span>　</span><br>xx</div>
|
||||
<div class=red id=pre>xx                   　</div>
|
||||
<div class=red>xx<span class=green>                   　</span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green> </span><br>xx</div>
|
||||
<div class=red>xx<span class=green>　</span><br>xx</div>
|
||||
<div class=green>xx<br>xx</div>
|
||||
<!-- the trailing sequence of spaces must not be removed,
|
||||
so it should hide all of the first (red) div.
|
||||
However, it should hang and therefore not extend the width of its parent div,
|
||||
which would be visible as red on the second line if it were expanded.
|
||||
The extra red divs with one character each are for ease of debugging:
|
||||
if the first one is fine, they will all be fine,
|
||||
but if it is not, they should help find which one is wrong.
|
||||
-->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue