mirror of
https://github.com/servo/servo.git
synced 2025-08-11 16:35:33 +01:00
Update web-platform-tests to revision 4984b190341b535c645729b8f99247aace0022fe
This commit is contained in:
WPT Sync Bot
parent
9ca6768a56
commit
d61756ac9d
73 changed files with 1198 additions and 1135 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<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="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrap-property">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<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/#overflow-wrap-property">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<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="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrap-property">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -2,10 +2,10 @@
|
|||
<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">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrap-property">
|
||||
<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">
|
||||
<meta name="assert" content="The 'overflow-wrap: break-word' must not break non-BMP characters (which might be represented as surrogate pairs internally)">
|
||||
<style>
|
||||
.test {
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<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="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrapproperty">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<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/#overflow-wrap-property">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<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="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrap-property">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
<!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>
|
||||
|
|
@ -22,7 +22,7 @@ div {
|
|||
width: 20px;
|
||||
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1,64 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
|
||||
<head>
|
||||
<title>CSS Test: word-break - break-all - basic cases</title>
|
||||
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.test span {
|
||||
word-break: break-all;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
|
||||
width: 10em;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
span.attention {
|
||||
color: red;
|
||||
}
|
||||
]]>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Test passes if each pair of upper and lower text in the square box is identical.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>Filler Text Filler Text Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>Filler Text Filler T<br />ext Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字 Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字 Fil<br />ler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字満た<br />すための文字</span>
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
<span class="attention">* You will need a Japanese font.</span><br />
|
||||
If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,5 +2,5 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: overflow-wrap: break-all</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<p>Test passes if 2 icons are rendered in a row, matching the reference file.</p>
|
||||
<p>Test passes if 2 (different) heart emojis are rendered below each other.</p>
|
||||
<div>💖<br>💔</div>
|
||||
|
|
|
|||
|
|
@ -1,63 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
|
||||
<head>
|
||||
<title>CSS Test: word-break - keep-all - basic cases Reftest Reference</title>
|
||||
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
|
||||
width: 10em;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
span.attention {
|
||||
color: red;
|
||||
}
|
||||
span.no_wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
]]>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Test passes if each pair of upper and lower text in the square box is identical.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<p class="control">
|
||||
<span>Filler Text Filler<br />Text Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>Filler Text Filler<br />Text Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control">
|
||||
<span>満たすための文字<br />Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字<br />Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="control">
|
||||
<span class="no_wrap">満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span class="no_wrap">満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
<span class="attention">* You will need a Japanese font.</span><br />
|
||||
If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
|
||||
<div class="ref" lang="th"><span>แและ แและ<br/>แและ</span></div>
|
||||
<div class="ref" lang="th"><span>แและ แและ<br/>แและ</span></div>
|
||||
<div class="ref" lang="th"><span>และ และ<br/>และ</span></div>
|
||||
<div class="ref" lang="th"><span>และ และ<br/>และ</span></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-break - break-all keyword value</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" href="http://www.w3.org/TR/css-text-3/#word-break">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Check that 'word-break' with 'break-all' keyword value implies to words break between any two letters without hyphenate.">
|
||||
<style>
|
||||
div {
|
||||
border: 2px black solid;
|
||||
color: blue;
|
||||
width: 100px;
|
||||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if all the words below are inside the box and break between any two letters without hyphenate.</p>
|
||||
<div>Words in these lines should break between any two letters and be inside the box.</div>
|
||||
</body>
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-break - normal keyword value</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" href="http://www.w3.org/TR/css-text-3/#word-break">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Check that 'word-break' with 'normal' keyword value implies to words break after word.">
|
||||
<style>
|
||||
div {
|
||||
border: 2px black solid;
|
||||
color: blue;
|
||||
width: 100px;
|
||||
word-break: normal;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if all the words below are within the box and break only after a word.</p>
|
||||
<div>Words in these lines should break after word and be inside the box.</div>
|
||||
</body>
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-break - normal keyword value - single word not break</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" href="http://www.w3.org/TR/css-text-3/#word-break">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Check that 'word-break' with 'normal' keyword value implies to words break after word, so that a single word won't break.">
|
||||
<style>
|
||||
div {
|
||||
border: 2px black solid;
|
||||
color: blue;
|
||||
width: 100px;
|
||||
word-break: normal;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is <strong>no</strong> word break below.</p>
|
||||
<div>ThisWordShouldNotBeBreakedAndMayBeOutOfTheBox</div>
|
||||
</body>
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text Test: word-break - normal keyword value - Chinese words break</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" href="http://www.w3.org/TR/css-text-3/#word-break">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Check that 'word-break' with 'normal' keyword value implies to words break after word, including Chinese words.">
|
||||
<style>
|
||||
div {
|
||||
border: 2px black solid;
|
||||
color: blue;
|
||||
width: 100px;
|
||||
word-break: normal;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if all the Chinese words below are inside the box and break normally.</p>
|
||||
<div>这些文字会自动换行，但不会超出黑色框。</div>
|
||||
</body>
|
||||
|
||||
|
|
@ -3,7 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>word-break: break-all, syllabic cluster</title>
|
||||
<meta name="assert" content="[Exploratory test] word-break: break-all means lines may break between any two typographic letter units. An indic syllable cluster should be wrapped as a unit to the next line.">
|
||||
<meta name="assert" content="word-break: break-all means lines may break between any two typographic letter units. An indic syllable cluster should be wrapped as a unit to the next line.">
|
||||
<meta name="flags" content="should">
|
||||
<!--
|
||||
Marking as "should"
|
||||
because while the spec requires this behavior
|
||||
about typographic letter units,
|
||||
it is handwavy about what constitutes one,
|
||||
and appeals to the UA's knowledge of "the right thing to do" for that language.
|
||||
-->
|
||||
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
|
||||
<link rel='match' href='reference/word-break-break-all-ref-008.html'>
|
||||
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
|
||||
|
|
@ -21,9 +29,5 @@
|
|||
var sentenceWidth = document.getElementById('testspan').offsetWidth
|
||||
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
|
||||
</script>
|
||||
<!--
|
||||
Notes:
|
||||
This test is exploratory because indic conjuncts containing more than one consonant are not covered by the extended grapheme cluster definition, and therefore constitute more than one typographic unit, as defined in the CSS spec. Nevertheless, people using indic scripts expect the user agent to keep the orthographic syllable as a single unit.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,68 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
|
||||
<head>
|
||||
<title>CSS Test: word-break - break-all - basic cases</title>
|
||||
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
|
||||
<link rel="help" title="CSS Text Level 3: 5.2. Word Breaking Rules: the ‘word-break’ property" href="http://www.w3.org/TR/css-text-3/#word-break" />
|
||||
<link rel="match" href="reference/word-break-break-all-009-ref.xht"/>
|
||||
<meta name="flags" content="font" />
|
||||
<meta name="assert" content="Lines may break between any two grapheme clusters within words." />
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.test span {
|
||||
word-break: break-all;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
|
||||
width: 10em;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
span.attention {
|
||||
color: red;
|
||||
}
|
||||
]]>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Test passes if each pair of upper and lower text in the square box is identical.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>Filler Text Filler Text Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>Filler Text Filler T<br />ext Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字 Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字 Fil<br />ler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字満た<br />すための文字</span>
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
<span class="attention">* You will need a Japanese font.</span><br />
|
||||
If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
<title>CSS Text Test: overflow-wrap: break-all</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">
|
||||
<meta name="flags" content="">
|
||||
<link rel="match" href="reference/word-break-break-all-014-ref.html">
|
||||
<meta name="assert" content="The text is wrapped after the first character and no unicode unit is broken.">
|
||||
<style>
|
||||
|
|
@ -12,5 +12,5 @@ div {
|
|||
word-break: break-all;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if 2 icons are rendered in a row, matching the reference file.</p>
|
||||
<p>Test passes if 2 (different) heart emojis are rendered below each other.</p>
|
||||
<div>💖💔</div>
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
|
||||
<div class="test" lang="th"><div id="testdiv"><span id="testspan">แและ แและแและ</span></div></div>
|
||||
<div class="ref" lang="th"><span>แและ แและ<br/>แและ</span></div>
|
||||
<div class="test" lang="th"><div id="testdiv"><span id="testspan">และ และและ</span></div></div>
|
||||
<div class="ref" lang="th"><span>และ และ<br/>และ</span></div>
|
||||
<script>
|
||||
var sentenceWidth = document.getElementById('testspan').offsetWidth
|
||||
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
|
||||
<head>
|
||||
<title>CSS Test: word-break - keep-all - basic cases</title>
|
||||
<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
|
||||
<link rel="help" title="CSS Text Level 3: 5.2. Word Breaking Rules: the ‘word-break’ property" href="http://www.w3.org/TR/css-text-3/#word-break" />
|
||||
<link rel="match" href="reference/word-break-keep-all-004-ref.xht"/>
|
||||
<meta name="flags" content="font" />
|
||||
<meta name="assert" content="Block characters can no longer create implied break points." />
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.test span {
|
||||
word-break: keep-all;
|
||||
}
|
||||
/* the CSS below is not part of the test */
|
||||
p.test, p.control {
|
||||
border: 1px solid gray;
|
||||
color: blue;
|
||||
font-family: "IPAMincho", "IPAGothic", "IPA明朝", "IPAゴシック";
|
||||
width: 10em;
|
||||
}
|
||||
div.wrapper {
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
span.attention {
|
||||
color: red;
|
||||
}
|
||||
span.no_wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
]]>
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Test passes if each pair of upper and lower text in the square box is identical.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>Filler Text Filler Text Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>Filler Text Filler<br />Text Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字 Filler Text</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span>満たすための文字<br />Filler Text</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<p class="test">
|
||||
<span>満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
<p class="control">
|
||||
<span class="no_wrap">満たすための文字満たすための文字</span>
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
<span class="attention">* You will need a Japanese font.</span><br />
|
||||
If you are unable to see font glyphs for certain characters using the browsers default font, install the <a href="http://ossipedia.ipa.go.jp/ipafont/">IPA Font(http://ossipedia.ipa.go.jp/ipafont/)</a> and reload this page.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue