diff options
author | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2020-02-17 08:20:12 +0000 |
---|---|---|
committer | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2020-02-17 11:33:33 +0000 |
commit | 7e7c8873e443f5960d23785d250e472027a0eef3 (patch) | |
tree | e97b51a11d71cb0492fc1acac3cfbb7b7e10d6b6 /tests/wpt/web-platform-tests/css/css-text | |
parent | ea7e753cea36e9dec7a2745c14364e3bbc9db4a0 (diff) | |
download | servo-7e7c8873e443f5960d23785d250e472027a0eef3.tar.gz servo-7e7c8873e443f5960d23785d250e472027a0eef3.zip |
Update web-platform-tests to revision ac16628eb7eb601957382053011363d2bcf8ce44
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-text')
92 files changed, 897 insertions, 728 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-loose.html b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-loose.html index fbb13ec8c34..a8a6836bd54 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-loose.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-loose.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-normal.html b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-normal.html index dc22d6161f0..364eddaadb7 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-normal.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-normal.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-strict.html b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-strict.html index cd5d5aa9395..87cc6f602a4 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-strict.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/ja/css-text-line-break-ja-hyphens-strict.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-loose.html b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-loose.html index 80b5bb0c72c..0455915d7da 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-loose.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-loose.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-normal.html b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-normal.html index 6d6043031e0..fc23481036f 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-normal.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-normal.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-strict.html b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-strict.html index e0f60cd36fe..bec4937eb13 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-strict.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/other-lang/css-text-line-break-de-hyphens-strict.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-loose.html b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-loose.html index f15f2632ebe..ab9624fd4d0 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-loose.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-loose.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-normal.html b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-normal.html index 4e9dc5607b4..a20e2447826 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-normal.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-normal.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-strict.html b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-strict.html index 595cd5df2b6..3f2e04c0459 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-strict.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/unknown-lang/css-text-line-break-hyphens-strict.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-loose.html b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-loose.html index 724f77692a4..103d8afd00b 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-loose.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-loose.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-normal.html b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-normal.html index e89c9b8b85c..5481b824601 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-normal.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-normal.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-strict.html b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-strict.html index b9585d77aba..bf61555a312 100644 --- a/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-strict.html +++ b/tests/wpt/web-platform-tests/css/css-text/i18n/zh/css-text-line-break-zh-hyphens-strict.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-003.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-003.xht new file mode 100644 index 00000000000..cdc9f31a55c --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-003.xht @@ -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">א ב<div style="float: right">A B</div></div> + <div class="test narrow justify">אב AB</div> + + <!-- A <ls> B <ls> <space stretched from justification> alef <ls> bet --> + <div class="control">A B<div style="float: right">א ב</div></div> + <div dir="rtl" class="test narrow justify">אב AB</div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-004.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-004.xht new file mode 100644 index 00000000000..c8e77d4c319 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-004.xht @@ -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> ב ג <span style="unicode-bidi:embed">א</span></div> + <div class="test narrow">AB<span class="wide">Cא</span>בג</div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-005.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-005.xht new file mode 100644 index 00000000000..4583bcb12a5 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-bidi-005.xht @@ -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 א ב C</span> D</div> + <div class="test wide">A<span class="narrow">BאבC</span>D</div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-nesting-003.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-nesting-003.xht new file mode 100644 index 00000000000..7d5d8463285 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/letter-spacing-nesting-003.xht @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-003-ref.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-003-ref.xht new file mode 100644 index 00000000000..d46dd7a3616 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-003-ref.xht @@ -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">א ב<div style="float: right">A B</div></div> + <div class="control">א ב<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">א ב</div></div> + <div class="control">A B<div style="float: right">א ב</div></div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-004-ref.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-004-ref.xht new file mode 100644 index 00000000000..a0326fcbaf6 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-004-ref.xht @@ -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> ב ג <span style="unicode-bidi:embed">א</span></div> + <div class="control">A B <span>C</span> ב ג <span style="unicode-bidi:embed">א</span></div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-005-ref.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-005-ref.xht new file mode 100644 index 00000000000..d93f98495a4 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-bidi-005-ref.xht @@ -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 א ב C</span> D</div> + <div class="control">A <span>B א ב C</span> D</div> + </body> +</html> diff --git a/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-nesting-003-ref.xht b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-nesting-003-ref.xht new file mode 100644 index 00000000000..996f2a1e304 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/letter-spacing/reference/letter-spacing-nesting-003-ref.xht @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-013.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-013.xht index 586732aeb66..089d4613ed9 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-013.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-013.xht @@ -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 { @@ -47,22 +47,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> <span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-001.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-001.html new file mode 100644 index 00000000000..e8200d66d42 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-001.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-002.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-002.html new file mode 100644 index 00000000000..f2841c9b106 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-002.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-003.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-003.html new file mode 100644 index 00000000000..4af970f73fc --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-loose-hyphens-003.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-013.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-013.xht index 80dae58932a..f58fe39d691 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-013.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-013.xht @@ -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 { @@ -47,22 +47,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> <span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-001.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-001.html new file mode 100644 index 00000000000..245ebf3f10a --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-001.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-002.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-002.html new file mode 100644 index 00000000000..d7de5c5f09c --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-002.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-003.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-003.html new file mode 100644 index 00000000000..7e9054a4a8d --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-normal-hyphens-003.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-013.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-013.xht index 0ae49fb5ac0..d6746e4579a 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-013.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-013.xht @@ -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 { @@ -47,22 +47,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> - <span>サンプル文サンプル文<span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="test" lang="ja"> <span>サンプル文サンプル文<span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-001.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-001.html new file mode 100644 index 00000000000..0d8677e3bf0 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-001.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-002.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-002.html new file mode 100644 index 00000000000..cb5b8354e54 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-002.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-003.html b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-003.html new file mode 100644 index 00000000000..f0d3adc88ee --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/line-break-strict-hyphens-003.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-013-ref.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-013-ref.xht index fa97005132d..27ea22e988c 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-013-ref.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-013-ref.xht @@ -41,22 +41,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> <span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-001-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-001-ref.html new file mode 100644 index 00000000000..42746cb8144 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-001-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-002-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-002-ref.html new file mode 100644 index 00000000000..a542fe86ebc --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-002-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-003-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-003-ref.html new file mode 100644 index 00000000000..dbfc1a90c73 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-loose-hyphens-003-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-013-ref.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-013-ref.xht index f6b670f90a7..28ebcc404ec 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-013-ref.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-013-ref.xht @@ -41,22 +41,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル文<br /><span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> <span>サンプル文サンプル文<br /><span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-001-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-001-ref.html new file mode 100644 index 00000000000..6b802e30e73 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-001-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-002-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-002-ref.html new file mode 100644 index 00000000000..23ab9b553b0 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-normal-hyphens-002-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-strict-013-ref.xht b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-strict-013-ref.xht index 44a33c588db..c2e6d603ad0 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-strict-013-ref.xht +++ b/tests/wpt/web-platform-tests/css/css-text/line-break/reference/line-break-strict-013-ref.xht @@ -41,22 +41,6 @@ <!-- hyphens --> <div class="wrapper"> <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">‐</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">‐</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">–</span>サンプル文</span> - </p> - <p class="control" lang="ja"> - <span>サンプル文サンプル<br />文<span class="target">–</span>サンプル文</span> - </p> - </div> - <div class="wrapper"> - <p class="control" lang="ja"> <span>サンプル文サンプル<br />文<span class="target">〜</span>サンプル文</span> </p> <p class="control" lang="ja"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-003.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-003.html index 36c702a53cc..dea68b0f876 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-003.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-003.html @@ -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> CD</div> -<div>AB CD</div> +<div>AB <span>CD</span></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-004.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-004.html index 799b3db6d5d..c10492f5c6c 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-004.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-004.html @@ -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 <span>CD</span></div> -<div>AB CD</div> +<div class=red> AB<br> CD</div> +<div class=test><span> AB</span> CD</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-005.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-005.html index bb94d0614fb..9901b013bb6 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-005.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-005.html @@ -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>⁠B</div> -<div>A⁠B</div> +<div class=red>⁠AB<br>⁠CD</div> +<div class=test><span>⁠AB</span>⁠CD</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-006.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-006.html index cecfb3d89db..bd3573bb7e8 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-006.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-006.html @@ -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⁠<span>B</span></div> -<div>A⁠B</div> +<div>AB⁠<span>CD</span></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-007.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-007.html index cb47cc62d0a..77da8d226d7 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-007.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-007.html @@ -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"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-008.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-008.html index 777b5ab92e9..05063f8413d 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-008.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-008.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-009.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-009.html new file mode 100644 index 00000000000..b14a27157ca --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-atomic-009.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-002.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-002.html index 6d6547fddf6..8f3d229dd25 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-002.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-002.html @@ -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> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div> +<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br> <br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div> <div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-003.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-003.html index 038b1d8ee5b..aae116c0f9d 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-003.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-003.html @@ -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>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div> +<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br>⁠<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div> -<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> +<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>⁠<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-004.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-004.html index 2cce40a9a16..0a5b66d68b7 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-004.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-004.html @@ -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"> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-005.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-005.html index fd00799e155..7e5dc135ffe 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-005.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-005.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-006.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-006.html new file mode 100644 index 00000000000..492609bcdf6 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/line-breaking-replaced-006.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html new file mode 100644 index 00000000000..022004bfc70 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html @@ -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> AB<br> CD</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html index ffc485cd346..e22d482299b 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html @@ -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⁠B</div> -<div>A⁠B</div> +<div>⁠AB<br>⁠CD</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-008-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-008-ref.html index d10d69e601a..86bee401970 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-008-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-008-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-009-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-009-ref.html new file mode 100644 index 00000000000..1300284c460 --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-009-ref.html @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html index ed6a8145d98..ae6f20488e2 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html @@ -6,4 +6,4 @@ <p>Test passes if there is no red. -<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> +<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br> <br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html index 07c8823cead..570f005418b 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html @@ -6,4 +6,4 @@ <p>Test passes if there is no red. -<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>⁠<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> +<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>⁠<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-005-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-005-ref.html deleted file mode 100644 index e0794390c93..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-005-ref.html +++ /dev/null @@ -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> diff --git a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-003-ref.html b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-006-ref.html index a9fdd2591b3..59d552041fd 100644 --- a/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-atomic-003-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/line-breaking/reference/line-breaking-replaced-006-ref.html @@ -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 CD</div> -<div>AB CD</div> +<div><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width=50><br>:</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-001-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-001-ref.html index 738bd55b0b7..1be4e240bcb 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-001-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-001-ref.html @@ -24,8 +24,8 @@ section { <p>Test passes if the orange and blue parts of this page are identical. <section class=ref> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-002-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-002-ref.html index f3abfe46271..98115699a23 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-002-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-002-ref.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx<br>あ<br>あ<br>あ<br>あ<br>xx</div> </section> <section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx<br>あ<br>あ<br>あ<br>あ<br>xx</div> </section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-003-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-003-ref.html deleted file mode 100644 index a1681bfb607..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-003-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-004-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-004-ref.html deleted file mode 100644 index 2201f7d0678..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-004-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-005-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-005-ref.html deleted file mode 100644 index 9174a0984aa..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-005-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-006-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-006-ref.html deleted file mode 100644 index 35261a8010c..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-006-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-007-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-007-ref.html deleted file mode 100644 index 8e8163ca167..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-007-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-008-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-008-ref.html deleted file mode 100644 index fb2ee58aaff..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-008-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-009-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-009-ref.html index 005c5055196..d62e758e2f2 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-009-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-009-ref.html @@ -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 あ<br>あ あ<br>あ xx</div><!--XB/XA, non tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div><!--GL, non tailorable after, tailorable before--> </section> <section> - <div>xx あ<br>あ あ<br>あ xx</div><!--XB/XA, non tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div><!--GL, non tailorable after, tailorable before--> </section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-010-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-010-ref.html deleted file mode 100644 index 5f4c11409f0..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-010-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-011-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-011-ref.html deleted file mode 100644 index f7770741dc9..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-011-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-012-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-012-ref.html deleted file mode 100644 index 6b00177f296..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-012-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-013-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-013-ref.html index 6deaef07f1b..07a78787cb7 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-013-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-013-ref.html @@ -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 あ<br>あ あ<br>あ xx</div><!--XB/XA, non-tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div> </section> <section> - <div>xx あ<br>あ あ<br>あ xx</div><!--XB/XA, non-tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div> </section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-014-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-014-ref.html deleted file mode 100644 index 1eed539eab6..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-014-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-015-ref.html b/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-015-ref.html deleted file mode 100644 index c60d25401b3..00000000000 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/reference/trailing-other-space-separators-break-spaces-015-ref.html +++ /dev/null @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> -<section> - <div>xx <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> -</section> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-001.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-001.html index 896afe6019d..bf1ef08d57f 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-001.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-001.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-002.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-002.html index f795b3173ff..156d54650ac 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-002.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-002.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-003.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-003.html index f5e2fd82d76..06a5817beae 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-003.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-003.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-004.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-004.html index 99308eb82dc..66460d9eded 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-004.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-004.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-005.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-005.html index 9323e810926..96d5b53224c 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-005.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-005.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-006.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-006.html index d4c24ad009e..50b0645dbfd 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-006.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-006.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-007.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-007.html index e9ebbacae49..ea211441754 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-007.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-007.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-008.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-008.html index 7d399e2efeb..60712e787c4 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-008.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-008.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-009.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-009.html index 3d2d9d900c1..6b4e9fa5096 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-009.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-009.html @@ -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 あ<br>あ あ<br>あ xx</div><!--XB/XA, non tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div><!--GL, non tailorable after, tailorable before--> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-010.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-010.html index 1d75558b352..158b6303f03 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-010.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-010.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-011.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-011.html index f0be5d586a7..e1de3fe0165 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-011.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-011.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-012.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-012.html index ffb018ec54c..303a453bddf 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-012.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-012.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-013.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-013.html index 067ad06f4cf..becdee10fe0 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-013.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-013.html @@ -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 あ<br>あ あ<br>あ xx</div><!--XB/XA, non-tailorable--> + <div>xx あ<br>あ あ<br>あ xx</div><!--GL, non-tailorable after, tailorable before--> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-014.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-014.html index 36cc5aed59d..418bbfb4310 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-014.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-014.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-015.html b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-015.html index cbb7e7c31b2..8ac39cf6632 100644 --- a/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-015.html +++ b/tests/wpt/web-platform-tests/css/css-text/white-space/trailing-other-space-separators-break-spaces-015.html @@ -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 <br>ああ<br> あ<br>あ <br>xx</div><!-- A, tailorable --> + <div>xx <br>あ<br>あ <br>あ<br>あ <br>xx</div><!-- BA, tailorable --> </section> <section> <div>xx ああ ああ xx</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html b/tests/wpt/web-platform-tests/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html index 6ff3ef1e646..3aa1c84ab65 100644 --- a/tests/wpt/web-platform-tests/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html +++ b/tests/wpt/web-platform-tests/css/css-text/writing-system/reference/writing-system-line-break-001-ref.html @@ -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‐<br>ku</div> +<div lang=ja>東京<br>〜大<br>阪</div> +<div lang=ja-Hang>도<br>쿄〜<br>오사<br>카</div> diff --git a/tests/wpt/web-platform-tests/css/css-text/writing-system/writing-system-line-break-001.html b/tests/wpt/web-platform-tests/css/css-text/writing-system/writing-system-line-break-001.html index 4ecb5ae7734..6d52672b89c 100644 --- a/tests/wpt/web-platform-tests/css/css-text/writing-system/writing-system-line-break-001.html +++ b/tests/wpt/web-platform-tests/css/css-text/writing-system/writing-system-line-break-001.html @@ -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‐ku</div> +<div lang=ja>東京〜大阪</div> +<div lang=ja-Hang>도쿄〜오사카</div> |