Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 14:35:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision ac16628eb7eb601957382053011363d2bcf8ce44

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-loose.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Japanese, and line-break:loose, a browser allows a break before a hyphen.">
<meta name="assert" content="When the language is Japanese, and line-break:loose, a browser allows a break before a hyphen-like CJK characters.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: loose; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-normal.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Japanese, and line-break:normal, a browser allows a break before a hyphen.">
<meta name="assert" content="When the language is Japanese, and line-break:normal, a browser allows a break before a hyphen-like CJK characters.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: normal; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-strict.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Japanese, and line-break:strict, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is Japanese, and line-break:strict, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: strict; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-loose.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:loose, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:loose, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: loose; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-normal.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:normal, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:normal, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: normal; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-strict.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:strict, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is neither Japanese nor Chinese, and line-break:strict, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: strict; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-loose.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is unknown, and line-break:loose, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is unknown, and line-break:loose, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: loose; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-normal.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is unkonwn, and line-break:normal, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is unkonwn, and line-break:normal, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: normal; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-strict.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is unkonwn, and line-break:strict, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is unkonwn, and line-break:strict, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: strict; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-loose.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Chinese, and line-break:loose, a browser allows a break before a hyphen.">
<meta name="assert" content="When the language is Chinese, and line-break:loose, a browser allows a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: loose; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-normal.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Chinese, and line-break:normal, a browser allows a break before a hyphen.">
<meta name="assert" content="When the language is Chinese, and line-break:normal, a browser allows a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: normal; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

6
tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-strict.html
View file

@ -7,7 +7,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<meta name="assert" content="When the language is Chinese, and line-break:strict, a browser will NOT allow a break before a hyphen.">
<meta name="assert" content="When the language is Chinese, and line-break:strict, a browser will NOT allow a break before a hyphen-like CJK character.">
<style type="text/css">
@font-face {
font-family: 'mplus-1p-regular';
@ -21,9 +21,7 @@
.test { line-break: strict; }
</style>
<script>
var charlist = `2010 HYPHEN
2013 EN DASH
301C WAVE DASH
var charlist = `301C WAVE DASH
30A0 KATAKANA-HIRAGANA DOUBLE HYPHEN`
</script>
</head>

42
tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-003.xht Normal file
View file

@ -0,0 +1,42 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title>CSS Text level 3 Test: letter spacing, justified text and bidi</title>
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#bidi-fragmentation" />
<link rel="match" href="reference/letter-spacing-bidi-003-ref.xht" />
<meta name="assert" content="text-align: justify will stretch the space between words, which should be applied after bidi processing."/>
<style>
.test, .control {
font: 50px/1 monospace;
width: 14ch;
font-kerning: none;
border: 1px solid black;
}
.control {
position: absolute;
color: red;
z-index: -1;
white-space: pre;
}
.justify {
text-align-last: justify;
text-justify: inter-word;
}
.narrow {
letter-spacing: 1ch;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences.</p>
<!-- bet <ls> alef <ls> <space stretched from justification> A <ls> B -->
<div class="control">&#x5d0; &#x5d1;<div style="float: right">A B</div></div>
<div class="test narrow justify">&#x5d0;&#x5d1; AB</div>
<!-- A <ls> B <ls> <space stretched from justification> alef <ls> bet -->
<div class="control">A B<div style="float: right">&#x5d0; &#x5d1;</div></div>
<div dir="rtl" class="test narrow justify">&#x5d0;&#x5d1; AB</div>
</body>
</html>

41
tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-004.xht Normal file
View file

@ -0,0 +1,41 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title>CSS Text level 3 Test: letter spacing is between letters, with bidi</title>
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property" />
<link rel="match" href="reference/letter-spacing-bidi-004-ref.xht" />
<meta name="assert" content="letter spacing should be applied between letters, not after letters. The latter will cause the colored backgrounds of the span elements to expand."/>
<style>
.test, .control {
font: 50px/1 monospace;
font-kerning: none;
}
.control {
position: absolute;
color: red;
z-index: -1;
white-space: pre;
}
.control span {
/* to ensure both background and text must overlay */
background: linear-gradient(to bottom, red 50%, green 50%, green 100%);
}
.test span {
background: linear-gradient(to bottom, green 50%, transparent 50%, transparent 100%);
}
.wide {
letter-spacing: 2ch;
}
.narrow {
letter-spacing: 1ch;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green boxes are the width of a single letter.</p>
<!-- A <ls> B <ls> <bg>C</bg> <ls> gimel <ls> bet <ls> <bg>alef</bg> <gap> -->
<div class="control">A B <span>C</span> &#x5d1; &#x5d2; <span style="unicode-bidi:embed">&#x5d0;</span></div>
<div class="test narrow">AB<span class="wide">C&#x5d0;</span>&#x5d1;&#x5d2;</div>
</body>
</html>

41
tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-005.xht Normal file
View file

@ -0,0 +1,41 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>CSS Text level 3 Test: letter spacing nested changes, with bidi</title>
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property" />
<link rel="match" href="reference/letter-spacing-bidi-005-ref.xht" />
<meta name="assert" content="Changes in letter spacing affect the spacing between letters within that element only" />
<style>
.test, .control {
font: 50px/1 monospace;
font-kerning: none;
}
.control {
position: absolute;
color: red;
z-index: -1;
white-space: pre;
}
.control span {
/* to ensure both background and text overlay correctly */
background: linear-gradient(to bottom, red 50%, green 50%, green 100%);
}
.test span {
background: linear-gradient(to bottom, green 50%, transparent 50%, transparent 100%);
}
.wide {
letter-spacing: 2ch;
}
.narrow {
letter-spacing: 1ch;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green rectangle does not extend beyond B to C.</p>
<!-- A <ls> <ls> <bg>B <ls> bet <ls> alef <ls> C</bg> <ls> D <gap> -->
<div class="control">A <span>B &#x5d0; &#x5d1; C</span> D</div>
<div class="test wide">A<span class="narrow">B&#x5d0;&#x5d1;C</span>D</div>
</body>
</html>

41
tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-nesting-003.xht Normal file
View file

@ -0,0 +1,41 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>CSS Text level 3 Test: letter spacing changes within element tree</title>
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property" />
<link rel="match" href="reference/letter-spacing-nesting-003-ref.xht" />
<meta name="assert" content="Changes in letter spacing affect the spacing between letters within that element only" />
<style>
.test, .control {
font: 50px/1 monospace;
font-kerning: none;
}
.control {
position: absolute;
color: red;
z-index: -1;
white-space: pre;
}
.control span {
/* to ensure both background and text overlay correctly */
background: linear-gradient(to bottom, red 50%, green 50%, green 100%);
}
.test span {
background: linear-gradient(to bottom, green 50%, transparent 50%, transparent 100%);
}
.wide {
letter-spacing: 2ch;
}
.narrow {
letter-spacing: 1ch;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green rectangle does not extend beyond B to C.</p>
<!-- A <ls> <ls> <bg>B <ls> <ls> C</bg> <ls> D -->
<div class="control">A <span>B C</span> D</div>
<div class="test narrow">A<span class="wide">BC</span>D</div>
</body>
</html>

30
tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-003-ref.xht Normal file
View file

@ -0,0 +1,30 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<style>
.control {
font: 50px/1 monospace;
width: 14ch;
font-kerning: none;
border: 1px solid black;
white-space: pre;
}
.red {
color: red;
position: absolute;
z-index: -1;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences.</p>
<!-- bet <ls> alef <ls> <space stretched from justification> A <ls> B -->
<div class="control red">&#x5d0; &#x5d1;<div style="float: right">A B</div></div>
<div class="control">&#x5d0; &#x5d1;<div style="float: right">A B</div></div>
<!-- A <ls> B <ls> <space stretched from justification> alef <ls> bet -->
<div class="control red">A B<div style="float: right">&#x5d0; &#x5d1;</div></div>
<div class="control">A B<div style="float: right">&#x5d0; &#x5d1;</div></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-004-ref.xht Normal file
View file

@ -0,0 +1,27 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<style>
.control {
font: 50px/1 monospace;
font-kerning: none;
white-space: pre;
}
.red {
color: red;
position: absolute;
z-index: -1;
}
.control span {
background: green;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green boxes are the width of a single letter.</p>
<!-- A <ls> B <ls> <bg>C</bg> <ls> gimel <ls> bet <ls> <bg>alef</bg> <gap> -->
<div class="control red">A B <span>C</span> &#x5d1; &#x5d2; <span style="unicode-bidi:embed">&#x5d0;</span></div>
<div class="control">A B <span>C</span> &#x5d1; &#x5d2; <span style="unicode-bidi:embed">&#x5d0;</span></div>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-005-ref.xht Normal file
View file

@ -0,0 +1,27 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<style>
.control {
font: 50px/1 monospace;
font-kerning: none;
white-space: pre;
}
.red {
color: red;
position: absolute;
z-index: -1;
}
.control span {
background: green;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green rectangle does not extend beyond B to C.</p>
<!-- A <ls> <ls> <bg>B <ls> bet <ls> alef <ls> C</bg> <ls> D <gap> -->
<div class="control red">A <span>B &#x5d0; &#x5d1; C</span> D</div>
<div class="control">A <span>B &#x5d0; &#x5d1; C</span> D</div>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-nesting-003-ref.xht Normal file
View file

@ -0,0 +1,26 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="author" title="Mike Bremford" href="http://bfo.com" />
<style>
.control {
font: 50px/1 monospace;
font-kerning: none;
white-space: pre;
}
.red {
color: red;
position: absolute;
z-index: -1;
}
.control span {
background: green;
}
</style>
</head>
<body>
<p>Test passes if no red is visible except for anti-aliasing differences, and the green rectangle does not extend beyond B to C.</p>
<!-- A <ls> <ls> <bg>B <ls> <ls> C</bg> <ls> D -->
<div class="control">A <span>B C</span> D</div>
</body>
</html>

18
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-013.xht
View file

@ -9,7 +9,7 @@
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-loose-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
<meta name="assert" content="This test verifies that 'line-break: loose' allows line breaking before U+301C and U+30A0." />
<style type="text/css">
@font-face
{
@ -45,22 +45,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>

21
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-001.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:loose</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-loose-hyphens-001-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is loose are allowed if the preceding character has class ID.">
<style>
div {
width: 2em;
line-break: loose;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below starts with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>文文‐文</div>
<div>文文–文</div>

24
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-002.html Normal file
View file

@ -0,0 +1,24 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:loose</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=help href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel=match href="reference/line-break-loose-hyphens-002-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is loose are allowed if the preceding character is treated as having class ID due to word-break:break-all.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: loose;
word-break: break-all;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below starts with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>aa‐a</div>
<div>aa–a</div>

22
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-003.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:loose</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-loose-hyphens-003-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is loose are not allowed if the preceding character is not of line-breaking class ID.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: loose;
}
</style>
<p>The test passes if there are two lines of text below
and they both end with a hyphen.
(Note: the hyphens do no need to be the same size.)
<div>aa‐</div>
<div>aa–</div>

18
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-013.xht
View file

@ -9,7 +9,7 @@
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-normal-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
<meta name="assert" content="This test verifies that 'line-break: normal' allows line breaking before U+301C and U+30A0.." />
<style type="text/css">
@font-face
{
@ -45,22 +45,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>

21
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-001.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:normal</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-normal-hyphens-001-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is normal are not allowed when the preceding character has class ID.">
<style>
div {
width: 2em;
line-break: normal;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>文文‐文</div>
<div>文文–文</div>

24
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-002.html Normal file
View file

@ -0,0 +1,24 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:normal</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=help href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel=match href="reference/line-break-normal-hyphens-002-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is normal are not allowed if the preceding character is treated as having class ID due to word-break:break-all.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: normal;
word-break: break-all;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>aa‐a</div>
<div>aa–a</div>

22
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-003.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:normal</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-loose-hyphens-003-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is normal are not allowed if the preceding character is not of line-breaking class ID.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: normal;
}
</style>
<p>The test passes if there are two lines of text below
and they both end with a hyphen.
(Note: the hyphens do no need to be the same size.)
<div>aa‐</div>
<div>aa–</div>

18
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-013.xht
View file

@ -9,7 +9,7 @@
<link rel="help" title="5.3. Line Breaking Rules: the 'line-break' property" href="https://drafts.csswg.org/css-text-3/#line-break-property" />
<link rel="match" href="reference/line-break-strict-013-ref.xht" />
<meta http-equiv="content-language" content="en, ja" />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before hyphens such as HYPHEN (U+2010) and ENDASH (U+2013)." />
<meta name="assert" content="This test verifies that 'line-break: strict' does not allow line breaking before U+301C and U+30A0.." />
<style type="text/css">
@font-face
{
@ -45,22 +45,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="test" lang="ja">
<span>サンプル文サンプル文<span class="target">&#x301c;</span>サンプル文</span>

21
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-001.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:strict</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-normal-hyphens-001-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is strict are not allowed when the preceding character has class ID.">
<style>
div {
width: 2em;
line-break: strict;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>文文‐文</div>
<div>文文–文</div>

24
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-002.html Normal file
View file

@ -0,0 +1,24 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:strict</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=help href="https://drafts.csswg.org/css-text-3/#word-break-property">
<link rel=match href="reference/line-break-normal-hyphens-002-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is strict are not allowed if the preceding character is treated as having class ID due to word-break:break-all.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: strict;
word-break: break-all;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>aa‐a</div>
<div>aa–a</div>

22
tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-003.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>CSS test: hyphens and line-break:strict</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/line-break-loose-hyphens-003-ref.html">
<meta name=assert content="breaks before U+2010 or U+2013 when line-break is strict are not allowed if the preceding character is not of line-breaking class ID.">
<style>
div {
font-family: monospace;
width: 2ch;
line-break: strict;
}
</style>
<p>The test passes if there are two lines of text below
and they both end with a hyphen.
(Note: the hyphens do no need to be the same size.)
<div>aa‐</div>
<div>aa–</div>

16
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-013-ref.xht
View file

@ -39,22 +39,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>

18
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-001-ref.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
width: 2em;
white-space: pre;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below starts with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>文文<br>‐文</div>
<div>文文<br>–文</div>

19
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-002-ref.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
font-family: monospace;
width: 2ch;
white-space: pre;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below starts with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>aa<br>‐a</div>
<div>aa<br>–a</div>

18
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-003-ref.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
font-family: monospace;
white-space: pre;
}
</style>
<p>The test passes if there are two lines of text below
and they both end with a hyphen.
(Note: the hyphens do no need to be the same size.)
<div>aa‐</div>
<div>aa–</div>

16
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-013-ref.xht
View file

@ -39,22 +39,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル文<br /><span class="target">&#x301c;</span>サンプル文</span>

18
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-001-ref.html Normal file
View file

@ -0,0 +1,18 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>Test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
width: 2em;
white-space: pre;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>文<br>文‐<br>文</div>
<div>文<br>文–<br>文</div>

19
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-002-ref.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<html lang=en>
<meta charset=utf-8>
<title>test reference</title>
<link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
<style>
div {
font-family: monospace;
width: 2ch;
white-space: normal;
border: solid cyan;
}
</style>
<p>The test passes if the second line in each box below ends with a hyphen.
(Note: the hyphens in each box do no need to be the same size.)
<div>a<br>a‐<br>a</div>
<div>a<br>a–<br>a</div>

16
tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-strict-013-ref.xht
View file

@ -39,22 +39,6 @@
Test passes if the highlighted characters in each pair of rectangles are at the exact same horizontal position.
</p>
<!-- hyphens -->
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2010;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2010;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2013;</span>サンプル文</span>
</p>
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x2013;</span>サンプル文</span>
</p>
</div>
<div class="wrapper">
<p class="control" lang="ja">
<span>サンプル文サンプル<br />文<span class="target">&#x301c;</span>サンプル文</span>

14
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-003.html
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>

23
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-004.html
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>

21
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-005.html
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>

14
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-006.html
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>

2
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-007.html
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">

6
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-008.html
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>

21
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-009.html Normal file
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>

4
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-002.html
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>

6
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-003.html
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>

2
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-004.html
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">

10
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-005.html
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>

29
tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-006.html Normal file
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>

17
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html Normal file
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>

10
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html
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>

2
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-008-ref.html
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>

14
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-009-ref.html Normal file
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>

2
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html
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>

2
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html
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>

9
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-005-ref.html
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>

6
tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-003-ref.html → tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-006-ref.html
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>

4
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-001-ref.html
View file

@ -24,8 +24,8 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x1680;<br>ああ<br>&#x1680;あ<br>あ&#x1680;<br>xx</div><!-- A, tailorable -->
<div>xx&#x1680;<br>あ<br>あ&#x1680;<br>あ<br>あ&#x1680;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x1680;<br>ああ<br>&#x1680;あ<br>あ&#x1680;<br>xx</div><!-- A, tailorable -->
<div>xx&#x1680;<br>あ<br>あ&#x1680;<br>あ<br>あ&#x1680;<br>xx</div><!-- BA, tailorable -->
</section>

6
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-002-ref.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<title>Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@ -24,8 +24,8 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2000;<br>ああ<br>&#x2000;あ<br>あ&#x2000;<br>xx</div><!-- A, tailorable -->
<div>xx<br>あ<br>あ<br>あ<br>あ<br>xx</div>
</section>
<section>
<div>xx&#x2000;<br>ああ<br>&#x2000;あ<br>あ&#x2000;<br>xx</div><!-- A, tailorable -->
<div>xx<br>あ<br>あ<br>あ<br>あ<br>xx</div>
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-003-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2001;<br>ああ<br>&#x2001;あ<br>あ&#x2001;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2001;<br>ああ<br>&#x2001;あ<br>あ&#x2001;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-004-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2002;<br>ああ<br>&#x2002;あ<br>あ&#x2002;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2002;<br>ああ<br>&#x2002;あ<br>あ&#x2002;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-005-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2003;<br>ああ<br>&#x2003;あ<br>あ&#x2003;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2003;<br>ああ<br>&#x2003;あ<br>あ&#x2003;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-006-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2004;<br>ああ<br>&#x2004;あ<br>あ&#x2004;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2004;<br>ああ<br>&#x2004;あ<br>あ&#x2004;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-007-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2005;<br>ああ<br>&#x2005;あ<br>あ&#x2005;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2005;<br>ああ<br>&#x2005;あ<br>あ&#x2005;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-008-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2006;<br>ああ<br>&#x2006;あ<br>あ&#x2006;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2006;<br>ああ<br>&#x2006;あ<br>あ&#x2006;<br>xx</div><!-- A, tailorable -->
</section>

6
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-009-ref.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<title>Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@ -24,8 +24,8 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--XB/XA, non tailorable-->
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--GL, non tailorable after, tailorable before-->
</section>
<section>
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--XB/XA, non tailorable-->
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--GL, non tailorable after, tailorable before-->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-010-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2008;<br>ああ<br>&#x2008;あ<br>あ&#x2008;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2008;<br>ああ<br>&#x2008;あ<br>あ&#x2008;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-011-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x2009;<br>ああ<br>&#x2009;あ<br>あ&#x2009;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x2009;<br>ああ<br>&#x2009;あ<br>あ&#x2009;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-012-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x200A;<br>ああ<br>&#x200A;あ<br>あ&#x200A;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x200A;<br>ああ<br>&#x200A;あ<br>あ&#x200A;<br>xx</div><!-- A, tailorable -->
</section>

6
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-013-ref.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<title>Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@ -24,8 +24,8 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div><!--XB/XA, non-tailorable-->
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div>
</section>
<section>
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div><!--XB/XA, non-tailorable-->
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div>
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-014-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x205F;<br>ああ<br>&#x205F;あ<br>あ&#x205F;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x205F;<br>ああ<br>&#x205F;あ<br>あ&#x205F;<br>xx</div><!-- A, tailorable -->
</section>

31
tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-015-ref.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
white-space: pre;
font-size: 10px;
line-height: 1;
width: 2em;
}
section {
font-family: Ahem;
float: left;
margin: 0 1em;
color: blue;
}
.ref {
color: orange;
}
</style>
<p>Test passes if the orange and blue parts of this page are identical.
<section class=ref>
<div>xx&#x3000;<br>ああ<br>&#x3000;あ<br>あ&#x3000;<br>xx</div><!-- A, tailorable -->
</section>
<section>
<div>xx&#x3000;<br>ああ<br>&#x3000;あ<br>あ&#x3000;<br>xx</div><!-- A, tailorable -->
</section>

17
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-001.html
View file

@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x1680;<br>ああ<br>&#x1680;あ<br>あ&#x1680;<br>xx</div><!-- A, tailorable -->
<div>xx&#x1680;<br>あ<br>あ&#x1680;<br>あ<br>あ&#x1680;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x1680;ああ&#x1680;ああ&#x1680;xx</div>

17
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-002.html
View file

@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2000;<br>ああ<br>&#x2000;あ<br>あ&#x2000;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2000;<br>あ<br>あ&#x2000;<br>あ<br>あ&#x2000;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2000;ああ&#x2000;ああ&#x2000;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-003.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2001 at the end of line with white-space:break-spaces</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-break-spaces-003-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2001 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2001;<br>ああ<br>&#x2001;あ<br>あ&#x2001;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2001;<br>あ<br>あ&#x2001;<br>あ<br>あ&#x2001;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2001;ああ&#x2001;ああ&#x2001;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-004.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2002 at the end of line with white-space:break-spaces</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-break-spaces-004-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2002 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2002;<br>ああ<br>&#x2002;あ<br>あ&#x2002;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2002;<br>あ<br>あ&#x2002;<br>あ<br>あ&#x2002;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2002;ああ&#x2002;ああ&#x2002;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-005.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2003 at the end of line with white-space:break-spaces</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-break-spaces-005-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2003 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2003;<br>ああ<br>&#x2003;あ<br>あ&#x2003;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2003;<br>あ<br>あ&#x2003;<br>あ<br>あ&#x2003;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2003;ああ&#x2003;ああ&#x2003;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-006.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2004 at the end of line with white-space:break-spaces</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-break-spaces-006-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2004 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2004;<br>ああ<br>&#x2004;あ<br>あ&#x2004;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2004;<br>あ<br>あ&#x2004;<br>あ<br>あ&#x2004;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2004;ああ&#x2004;ああ&#x2004;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-007.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2005 at the end of line with white-space:break-spaces</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-break-spaces-007-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2005 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2005;<br>ああ<br>&#x2005;あ<br>あ&#x2005;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2005;<br>あ<br>あ&#x2005;<br>あ<br>あ&#x2005;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2005;ああ&#x2005;ああ&#x2005;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-008.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2006 at the end of line with white-space:break-spaces</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-break-spaces-008-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2006 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2006;<br>ああ<br>&#x2006;あ<br>あ&#x2006;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2006;<br>あ<br>あ&#x2006;<br>あ<br>あ&#x2006;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2006;ああ&#x2006;ああ&#x2006;xx</div>

18
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-009.html
View file

@ -5,6 +5,7 @@
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-009-ref.html">
<meta name="assert" content="U+2007 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
@ -30,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--XB/XA, non tailorable-->
<div>xx&#x2007;あ<br>あ&#x2007;あ<br>あ&#x2007;xx</div><!--GL, non tailorable after, tailorable before-->
</section>
<section>
<div>xx&#x2007;ああ&#x2007;ああ&#x2007;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-010.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2008 at the end of line with white-space:break-spaces</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-break-spaces-010-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2008 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2008;<br>ああ<br>&#x2008;あ<br>あ&#x2008;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2008;<br>あ<br>あ&#x2008;<br>あ<br>あ&#x2008;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2008;ああ&#x2008;ああ&#x2008;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-011.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+2009 at the end of line with white-space:break-spaces</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-break-spaces-011-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+2009 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x2009;<br>ああ<br>&#x2009;あ<br>あ&#x2009;<br>xx</div><!-- A, tailorable -->
<div>xx&#x2009;<br>あ<br>あ&#x2009;<br>あ<br>あ&#x2009;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x2009;ああ&#x2009;ああ&#x2009;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-012.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+200A at the end of line with white-space:break-spaces</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-break-spaces-012-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+200A at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x200A;<br>ああ<br>&#x200A;あ<br>あ&#x200A;<br>xx</div><!-- A, tailorable -->
<div>xx&#x200A;<br>あ<br>あ&#x200A;<br>あ<br>あ&#x200A;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x200A;ああ&#x200A;ああ&#x200A;xx</div>

22
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-013.html
View file

@ -1,10 +1,11 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Text level 3 Test: U+200F at the end of line with white-space:break-spaces</title>
<title>CSS Text level 3 Test: U+202F at the end of line with white-space:break-spaces</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-break-spaces-013-ref.html">
<meta name="assert" content="U+200F at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="assert" content="U+202F at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
div {
@ -30,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div><!--XB/XA, non-tailorable-->
<div>xx&#x202F;あ<br>あ&#x202F;あ<br>あ&#x202F;xx</div><!--GL, non-tailorable after, tailorable before-->
</section>
<section>
<div>xx&#x202F;ああ&#x202F;ああ&#x202F;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-014.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+205F at the end of line with white-space:break-spaces</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-break-spaces-014-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+205F at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x205F;<br>ああ<br>&#x205F;あ<br>あ&#x205F;<br>xx</div><!-- A, tailorable -->
<div>xx&#x205F;<br>あ<br>あ&#x205F;<br>あ<br>あ&#x205F;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x205F;ああ&#x205F;ああ&#x205F;xx</div>

19
tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-015.html
View file

@ -3,7 +3,7 @@
<title>CSS Text level 3 Test: U+3000 at the end of line with white-space:break-spaces</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-break-spaces-015-ref.html">
<link rel="match" href="reference/trailing-other-space-separators-break-spaces-002-ref.html">
<meta name="assert" content="U+3000 at the end of the line must not hang or be discarded if white-space is break-spaces. It thus keeps its usual line breaking properties, as defined in UAX14.">
<meta name="flags" content="should">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
@ -31,18 +31,15 @@ section {
<p>Test passes if the orange and blue parts of this page are identical.
<!--
* no line breaking opportunity is after an "x"
unless the next character provides one,
and none of the other space separators do.
* no line breaking opportunity is before an "x"
unless the previous character provides one (A).
* a line breaking opportunity is expected after "あ",
unless suppressed by the next character (XB).
* a line breaking opportunity is expected before "あ",
unless suppressed by the previous character (XA).
* There is no line breaking opportunity between two "x"
* There is a line breaking opportunity between two "あ"
* There is a line breaking opportunity after "x" or "あ"
unless suppressed by the next character (BA, GL).
* There is a line breaking opportunity before "x" or "あ"
unless suppressed by the previous character (BB, GL).
-->
<section class=ref>
<div>xx&#x3000;<br>ああ<br>&#x3000;あ<br>あ&#x3000;<br>xx</div><!-- A, tailorable -->
<div>xx&#x3000;<br>あ<br>あ&#x3000;<br>あ<br>あ&#x3000;<br>xx</div><!-- BA, tailorable -->
</section>
<section>
<div>xx&#x3000;ああ&#x3000;ああ&#x3000;xx</div>

9
tests/wpt/web-platform-tests/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html
View file

@ -6,9 +6,14 @@
<style>
div {
font-family: monospace;
width: 2em;
}
[lang=ja] { border: solid blue; }
[lang=ja-Hang] { border: solid orange; }
</style>
<p>The test passes if the first line below ends with a hyphen.
<p>The test passes if the second line in the blue box below <em>starts with</em> a “〜”,
and if the second line in the orange box below <em>ends with</em> a “〜”.
<div lang=ja-Latn>Fushimi&#x2010;<br>ku</div>
<div lang=ja>東京<br>〜大<br>阪</div>
<div lang=ja-Hang>도<br>쿄〜<br>오사<br>카</div>

14
tests/wpt/web-platform-tests/css/css-text/writing-system/writing-system-line-break-001.html
View file

@ -7,16 +7,20 @@
<link rel=help href="https://drafts.csswg.org/css-text-3/#script-tagging">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-line-break">
<link rel=match href="reference/writing-system-line-break-001-ref.html">
<meta name=assert content="breaks before hyphens when line-break is loose are allowed if the content language is Japanese,
but not when the writing system is Latin.">
<meta name=assert content="breaks before U+301C when line-break is loose are allowed if the content language is Japanese,
but not when the writing system is not Japanese/Chinese (e.g. Korean).">
<style>
div {
font-family: monospace;
width: 7ch;
width: 2em;
line-break: loose;
}
[lang=ja] { border: solid blue; }
[lang=ja-Hang] { border: solid orange; }
</style>
<p>The test passes if the first line below ends with a hyphen.
<p>The test passes if the second line in the blue box below <em>starts with</em> a “〜”,
and if the second line in the orange box below <em>ends with</em> a “〜”.
<div lang=ja-Latn>Fushimi&#x2010;ku</div>
<div lang=ja>東京〜大阪</div>
<div lang=ja-Hang>도쿄〜오사카</div>