mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
This commit is contained in:
Josh Matthews
Anthony Ramine
parent
25e8bf69e6
commit
665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box is within the orange box.</p>
|
||||
<p id="test">FillerText<br>FillerText<br>FillerText<br>FillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap - break-word (basic)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-001-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'overflow-wrap' property set 'break-word' breaks the word at an arbitrary point">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: break-word;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box is within the orange box.</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<style>
|
||||
#ref {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
width: 200px;
|
||||
}
|
||||
#test {
|
||||
border: 5px solid blue;
|
||||
font: 20px/1 Ahem;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the blue border box, but fits within the orange border box.</p>
|
||||
<p id="ref">FillerText<br>FillerText<br>FillerText<br>FillerText</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap - break-word and white-space - nowrap</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-text-3/#white-space">
|
||||
<link rel="match" href="overflow-wrap-002-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="Test checks that the 'overflow-wrap' property has effect if and only if the 'white-space' allows wrapping">
|
||||
<style>
|
||||
#ref {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: break-word;
|
||||
width: 200px;
|
||||
}
|
||||
#test {
|
||||
border: 5px solid blue;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the blue border box, but fits within the orange border box.</p>
|
||||
<p id="ref">FillerTextFillerTextFillerTextFillerText</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
width: 20em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box displayed in two rows within the orange box.</p>
|
||||
<p id="test">FillerTextFillerText<br>FillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap - break-word (white space)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-003-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'overflow-wrap' property set 'break-word' breaks line at white space">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: break-word;
|
||||
width: 20em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box displayed in two rows within the orange box.</p>
|
||||
<p id="test">FillerTextFillerText FillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the orange box.</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap - normal (basic)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-004-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'overflow-wrap' property set 'normal' overflows container">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: normal;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the orange box.</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap - normal (white space)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-003-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'overflow-wrap' property set 'normal' will break line at white space">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
overflow-wrap: normal;
|
||||
width: 20em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box displayed in two rows within the orange box.</p>
|
||||
<p id="test">FillerTextFillerText FillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap: break-word</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<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="sequences of nbsp characters that would cause overflow are expected to be broken when overflow-wrap is break-word">
|
||||
<style>
|
||||
div {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
font-family: ahem;
|
||||
color: red;
|
||||
overflow-wrap: break-word;
|
||||
font-size: 25px;
|
||||
line-height: 27px;
|
||||
}
|
||||
div::after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0; left: 0; bottom: 0; right: 0;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div> X</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap: break-word with fit-content</title>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/overflow-wrap-break-word-fit-content-001.html">
|
||||
<meta name="assert" content="The 'overflow-wrap: break-word' must not break surrogate pairs">
|
||||
<style>
|
||||
.test {
|
||||
display: inline-block;
|
||||
word-wrap: break-word;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div id="log"></div>
|
||||
<p class="instructions">Tests pass if all lines do not wrap.
|
||||
<div><div class="test">𝜋</div></div>
|
||||
<div><div class="test">𝜋</div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!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>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap: break-word with fit-content</title>
|
||||
<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com">
|
||||
<style>
|
||||
.test {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div id="log"></div>
|
||||
<p class="instructions">Tests pass if all lines do not wrap.
|
||||
<div><div class="test">𝜋</div></div>
|
||||
<div><div class="test">𝜋</div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-wrap - break-word (basic)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-001-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'word-wrap' property set 'break-word' breaks the word at an arbitrary point">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: break-word;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box is within the orange box.</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-wrap - break-word and white-space - nowrap</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-text-3/#white-space">
|
||||
<link rel="match" href="overflow-wrap-002-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="Test checks that the 'word-wrap' property has effect if and only if the 'white-space' allows wrapping">
|
||||
<style>
|
||||
#ref {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: break-word;
|
||||
width: 200px;
|
||||
}
|
||||
#test {
|
||||
border: 5px solid blue;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: break-word;
|
||||
white-space: nowrap;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the blue border box, but fits within the orange border box.</p>
|
||||
<p id="ref">FillerTextFillerTextFillerTextFillerText</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-wrap - break-word (white space)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-003-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'word-wrap' property set 'break-word' breaks line at white space">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: break-word;
|
||||
width: 20em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box displayed in two rows within the orange box.</p>
|
||||
<p id="test">FillerTextFillerText FillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-wrap - normal (basic)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-004-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'word-wrap' property set 'normal' overflows container">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: normal;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box overflows the orange box.</p>
|
||||
<p id="test">FillerTextFillerTextFillerTextFillerText</p>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-wrap - normal (white space)</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com">
|
||||
<link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com">
|
||||
<link rel="help" title="6.2. Overflow Wrapping: the 'word-wrap'/'overflow-wrap' property" href="http://www.w3.org/TR/css-text-3/#overflow-wrap">
|
||||
<link rel="match" href="overflow-wrap-003-ref.html">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="The 'word-wrap' property set 'normal' will break line at white space">
|
||||
<style>
|
||||
#test {
|
||||
border: 5px solid orange;
|
||||
font: 20px/1 Ahem;
|
||||
word-wrap: normal;
|
||||
width: 20em;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p class="instructions">Test passes if the black box displayed in two rows within the orange box.</p>
|
||||
<p id="test">FillerTextFillerText FillerTextFillerText</p>
|
||||
</body>
|
||||
Loading…
Add table
Add a link
Reference in a new issue