diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-text/word-boundary')
86 files changed, 2171 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-001-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-001-ref.html new file mode 100644 index 0000000000..620079f6ad --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-001-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>あ い う</div> +<div>あ い う</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-002-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-002-ref.html new file mode 100644 index 0000000000..70a1a6528e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-002-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>a b c</div> +<div>a b c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-004-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-004-ref.html new file mode 100644 index 0000000000..fbe74942b1 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-004-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>ab c</div> +<div>ab c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-007-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-007-ref.html new file mode 100644 index 0000000000..b0cb891308 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-007-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>a b c d e f g h i j</div> +<div>a b c d e f g h i j</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-008-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-008-ref.html new file mode 100644 index 0000000000..ff73104a00 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-008-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + white-space: pre; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>a b c d e f g h i j</div> +<div>a b c d e f g h i j</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-009-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-009-ref.html new file mode 100644 index 0000000000..815fe800e3 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-009-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div>ａ ｂ ｃ ｄ ｅ ｆ ｇ</div> +<div>ａ ｂ ｃ ｄ ｅ ｆ ｇ</div> + diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-010-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-010-ref.html new file mode 100644 index 0000000000..2ca6b8db7e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-010-ref.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; + padding: 0 1em; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> + +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> + +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> + +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> +<div>あ い</div> + +<div>あ い</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-011-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-011-ref.html new file mode 100644 index 0000000000..e1af62ffdf --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-011-ref.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> +<div id=ref>あ い<br>う</div> + +<div id=ref>あ い<br>う</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-012-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-012-ref.html new file mode 100644 index 0000000000..016dc5968c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-012-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div id=ref>あい うえ</div> +<div id=ref>あい うえ</div> +<div id=ref>あい うえ</div> + +<div id=ref>あい うえ</div> +<div id=ref>あい うえ</div> +<div id=ref>あい うえ</div> + +<div id=ref>あい うえ</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-013-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-013-ref.html new file mode 100644 index 0000000000..9490e52d1b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-013-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + width: 7em; + border: solid blue; + margin: 1em; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div>ああ いい <br>うう</div> +<div>ああ いい <br>うう</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-014-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-014-ref.html new file mode 100644 index 0000000000..dbec99b082 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-014-ref.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + width: 7ch; + font-family: monospace; + border: solid blue; + margin: 1em; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div>aa bb <br>cc</div> +<div>aa bb <br>cc</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-101-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-101-ref.html new file mode 100644 index 0000000000..f51208ab95 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-101-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=th>กรุงเทพคือสวยงาม</div> +<div lang=th>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-102-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-102-ref.html new file mode 100644 index 0000000000..df308cee75 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-102-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div lang=th>กรุงเทพคือสวยงาม</div> +<div lang=th>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-103-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-103-ref.html new file mode 100644 index 0000000000..64f2b231c0 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-103-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div lang=de>กรุงเทพคือสวยงาม</div> +<div lang=de>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-104-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-104-ref.html new file mode 100644 index 0000000000..15843b7296 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-104-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div>กรุงเทพคือสวยงาม</div> +<div>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-105-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-105-ref.html new file mode 100644 index 0000000000..3ba4c6f143 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-105-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div lang=ja>กรุงเทพคือสวยงาม</div> +<div lang=ja>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-106-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-106-ref.html new file mode 100644 index 0000000000..04d54ca20a --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-106-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div>กรุงเทพคือสวยงาม</div> +<div>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-107-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-107-ref.html new file mode 100644 index 0000000000..2decfe1cc0 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-107-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=zh>東京へ行きましょう。</div> +<div lang=zh>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-108-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-108-ref.html new file mode 100644 index 0000000000..45497690fe --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-108-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div>東京へ行きましょう。</div> +<div>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-a-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-a-ref.html new file mode 100644 index 0000000000..3cf81f6175 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-a-ref.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; + word-break: keep-all; +} +.wrap > div { + width: 0; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 class=wrap> + <div lang=ja>東京へ<wbr>行きましょう。</div> +</div> +<div class=wrap> + <div lang=ja>東京へ<wbr>行きましょう。</div> +</div> +<div id=ref2 class=wrap> + <div lang=ja>東京<wbr>へ<wbr>行きましょう。</div> +</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-b-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-b-ref.html new file mode 100644 index 0000000000..3b787b9158 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-109-b-ref.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; + word-break: keep-all; +} +.wrap > div { + width: 0; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 class=wrap> + <div lang=ja>東京へ<wbr>行きましょう。</div> +</div> +<div class=wrap> + <div lang=ja>東京<wbr>へ<wbr>行きましょう。</div> +</div> +<div id=ref2 class=wrap> + <div lang=ja>東京<wbr>へ<wbr>行きましょう。</div> +</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-a-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-a-ref.html new file mode 100644 index 0000000000..3347778df6 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-a-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京へ 行きましょう。</div> +<div id=test lang=ja>東京へ 行きましょう。</div> +<div id=ref2 lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-b-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-b-ref.html new file mode 100644 index 0000000000..550c9e8888 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-110-b-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京へ 行きましょう。</div> +<div id=test lang=ja>東京 へ 行きましょう。</div> +<div id=ref2 lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-111-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-111-ref.html new file mode 100644 index 0000000000..fbb536e565 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-111-ref.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +.wrap > div { + width: 0; +} +#ref { + border-color: blue; +} +</style> + +<!-- +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since allowing south-east-asian languages to wrap is the default behavior. +--> + +<p>Test passes if the black box is identical to either the blue one. + +<div class=wrap> + <div lang=th>กรุงเทพ<wbr>คือ<wbr>สวยงาม</div> +</div> +<div id=ref class=wrap> + <div lang=th>กรุงเทพ<wbr>คือ<wbr>สวยงาม</div> +</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-112-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-112-ref.html new file mode 100644 index 0000000000..f7f7939081 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-112-ref.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref { + border-color: blue; +} +</style> +<!-- + +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since inserting virtual word boundaries is the default for south-east-asian languages. +--> + +<p>Test passes if the black box is identical to the blue one. + +<div lang=th>กรุงเทพ คือ สวยงาม</div> +<div id=ref lang=th>กรุงเทพ คือ สวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-113-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-113-ref.html new file mode 100644 index 0000000000..738c600f5b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-113-ref.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref { + border-color: blue; +} +u { background: silver; } +b { background: green; } +em { background: gray; } +</style> +<!-- + +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since inserting virtual word boundaries is the default for south-east-asian languages. +--> + +<p>Test passes if the black box is identical to the blue one. + +<div lang=th>กรุงเทพ <b><u>คือ</u> <em>สวยง</em></b>าม</div> +<div id=ref lang=th>กรุงเทพ <b><u>คือ</u> <em>สวยง</em></b>าม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-a-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-a-ref.html new file mode 100644 index 0000000000..4ff39ee4f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-a-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +u { background: silver; } +b { background: green; } +em { background: gray; } +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京<b><u>へ</u> <em>行きましょ</em></b>う。</div> +<div lang=ja>東京<b><u>へ</u> <em>行きましょ</em></b>う。</div> +<div id=ref2 lang=ja>東京 <b><u>へ</u> <em>行きましょ</em></b>う。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-b-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-b-ref.html new file mode 100644 index 0000000000..5b58e078dc --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-114-b-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +u { background: silver; } +b { background: green; } +em { background: gray; } +</style> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京<b><u>へ</u> <em>行きましょ</em></b>う。</div> +<div lang=ja>東京 <b><u>へ</u> <em>行きましょ</em></b>う。</div> +<div id=ref2 lang=ja>東京 <b><u>へ</u> <em>行きましょ</em></b>う。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-115-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-115-ref.html new file mode 100644 index 0000000000..a7d1dffcd9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-115-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京へ行きましょう。</div> +<div lang=ja>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-116-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-116-ref.html new file mode 100644 index 0000000000..62d26d6a4b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-116-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京 へ 行きましょう。</div> +<div lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-117-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-117-ref.html new file mode 100644 index 0000000000..81d1f0601d --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-117-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京 へ 行きましょう。</div> +<div lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-119-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-119-ref.html new file mode 100644 index 0000000000..e198dafafa --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-119-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京 へ 行きましょう。</div> +<div lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-120-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-120-ref.html new file mode 100644 index 0000000000..e9cecd792b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-120-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京⁠へ⁠行きましょう。</div> +<div lang=ja>東京⁠へ⁠行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-121-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-121-ref.html new file mode 100644 index 0000000000..86ecdba912 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-121-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京‍へ‍行きましょう。</div> +<div lang=ja>東京‍へ‍行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-122-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-122-ref.html new file mode 100644 index 0000000000..2717055346 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-122-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京} へ} 行きましょう。</div> +<div lang=ja>東京} へ} 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-123-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-123-ref.html new file mode 100644 index 0000000000..35b0e5f05a --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-123-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京) へ) 行きましょう。</div> +<div id=ref lang=ja>東京) へ) 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-124-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-124-ref.html new file mode 100644 index 0000000000..fd732b44ec --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-124-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京. へ. 行きましょう。</div> +<div lang=ja>東京. へ. 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-125-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-125-ref.html new file mode 100644 index 0000000000..aad7d3d4d9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-125-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京! へ! 行きましょう。</div> +<div lang=ja>東京! へ! 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-126-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-126-ref.html new file mode 100644 index 0000000000..91f2ec7b19 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-126-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京 (へ (行きましょう。</div> +<div lang=ja>東京 (へ (行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-127-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-127-ref.html new file mode 100644 index 0000000000..b354a4f12d --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-127-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京% へ% 行きましょう。</div> +<div lang=ja>東京% へ% 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-128-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-128-ref.html new file mode 100644 index 0000000000..8dcabb01e2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-128-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div lang=ja>東京‼ へ‼ 行きましょう。</div> +<div lang=ja>東京‼ へ‼ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-129-ref.html b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-129-ref.html new file mode 100644 index 0000000000..5d7d5577ae --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/reference/word-boundary-129-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 $へ $行きましょう。</div> +<div id=ref lang=ja>東京 $へ $行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-001.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-001.html new file mode 100644 index 0000000000..08ad0d1a98 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-001.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion:ideographic-space </title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-001-ref.html"> +<meta name="assert" content="Both zero-width-spaces and <wbr> are expanded by word-boundary-expansion: ideographic-space"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: ideographic-space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>あ<wbr>い​う</div> +<div id=ref>あ い う</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-002.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-002.html new file mode 100644 index 0000000000..58dede44b2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-002.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion:space</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-002-ref.html"> +<meta name="assert" content="Both zero-width-spaces and <wbr> are expanded by word-boundary-expansion: space"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a<wbr>b​c</div> +<div id=ref>a b c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-003.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-003.html new file mode 100644 index 0000000000..41151753f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-003.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion inherits</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-001-ref.html"> +<meta name="assert" content="word-boundary-expansion inherits"> +<style> +div { + font-size: 2em; +} +#wrap { + word-boundary-expansion: ideographic-space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=wrap> + <div id=test>あ<wbr>い​う</div> +</div> +<div id=ref>あ い う</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-004.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-004.html new file mode 100644 index 0000000000..ad7f19fdb9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-004.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion off on wbr</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-004-ref.html"> +<meta name="assert" content="word-boundary-expansion can be turned off on a <wbr>"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: space; +} +wbr { + word-boundary-expansion: none; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a<wbr>b​c</div> +<div id=ref>ab c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-005.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-005.html new file mode 100644 index 0000000000..f124c3737c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-005.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion off on inline</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-004-ref.html"> +<meta name="assert" content="word-boundary-expansion can be turned off on a inlines"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: space; +} +span { + word-boundary-expansion: none; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test><span>a​b</span>​c</div> +<div id=ref>ab c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-006.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-006.html new file mode 100644 index 0000000000..587847b75c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-006.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: turn on word-boundary-expansion on wbr and inlines</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-002-ref.html"> +<meta name="assert" content="word-boundary-expansion applies to inlines, including wbr"> +<style> +div { + font-size: 2em; +} +wbr, span { + word-boundary-expansion: space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a<wbr>b<span>​c</span></div> +<div id=ref>a b c</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-007.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-007.html new file mode 100644 index 0000000000..912188c740 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-007.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion space collapsing</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-phase-1"> +<link rel="match" href="reference/word-boundary-007-ref.html"> +<meta name="assert" content="word-boundary-expnasion happens before phase 1 of white space processing, so inserted spaces collapse with adjacent ones"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a<wbr> b <wbr>c ​d​ e<wbr><wbr>f​​g<wbr>​h​<wbr>i <wbr> ​ j</div> +<div id=ref>a b c d e f g h i j</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-008.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-008.html new file mode 100644 index 0000000000..a1dfb828f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-008.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion space non collapsing</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-phase-1"> +<link rel="match" href="reference/word-boundary-008-ref.html"> +<meta name="assert" content="word-boundary-expnasion happens before phase 1 of white space processing, so inserted spaces can be preserved by white-space:pre"> +<style> +div { + font-size: 2em; + white-space: pre; +} +#test { + word-boundary-expansion: space; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a<wbr> b <wbr>c ​d​ e<wbr><wbr>f​​g<wbr>​h​<wbr>i <wbr> ​ j</div> +<div id=ref>a b c d e f g h i j</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-009.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-009.html new file mode 100644 index 0000000000..cb8ec84fc2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-009.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and text-transform:full-width</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1"> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"> +<link rel="match" href="reference/word-boundary-009-ref.html"> +<meta name="assert" content="word-boundary-expansion:space happens at the right stage of the white space processing pipeline to interact properly with text-transform:full-width"> +<style> +div { + font-size: 2em; +} +#test { + word-boundary-expansion: space; + text-transform: full-width; +} +</style> + +<p>Test passes if the two lines below are identical. + +<div id=test>a b<wbr>c​d <wbr>e ​f<wbr>​g</div> +<div id=ref>ａ ｂ ｃ ｄ ｅ ｆ ｇ</div> + diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-010.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-010.html new file mode 100644 index 0000000000..6e1cc1ccf2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-010.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and forced line breaks</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-010-ref.html"> +<meta name="assert" content="must not replace instances of U+200B immediately preceding or following a forced line break (ignoring any intervening inline box boundaries, and associated margin/border/padding)"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +.pad { padding: 0 1em; } +.spad { padding: 0 0.5em; } +.margin { margin: 0 1em; } +.smargin { margin: 0 0.5em; } +.border { border: solid transparent; border-width: 0 1em; } +.sborder { border: solid transparent; border-width: 0 0.5em; } +.test { + word-boundary-expansion: ideographic-space; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div class="test pad"><wbr>あ<wbr>い<wbr></div> +<div class="test pad">​あ​い​</div> +<div class="test pad"><span><wbr>あ<wbr>い<wbr><span></div> +<div class="test pad"><span>​あ​い​</span></div> +<div class="test pad"><span></span><wbr>あ<wbr>い<wbr><span></span></div> +<div class="test pad"><span></span>​あ​い​<span></span></div> + +<div class="test"><span class=pad><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=pad>​あ​い​</span></div> +<div class="test"><span class=spad></span><wbr>あ<wbr>い<wbr><span class=spad></span></div> +<div class="test"><span class=spad></span>​あ​い​<span class=spad></span></div> + +<div class="test"><span class=margin><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=margin>​あ​い​</span></div> +<div class="test"><span class=smargin></span><wbr>あ<wbr>い<wbr><span class=smargin></span></div> +<div class="test"><span class=smargin></span>​あ​い​<span class=smargin></span></div> + +<div class="test"><span class=border><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=border>​あ​い​</span></div> +<div class="test"><span class=sborder></span><wbr>あ<wbr>い<wbr><span class=sborder></span></div> +<div class="test"><span class=sborder></span>​あ​い​<span class=sborder></span></div> + +<div id=ref class=pad>あ い</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-011.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-011.html new file mode 100644 index 0000000000..4da3a7a5c9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-011.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and forced line breaks (br and preserved new lines)</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-011-ref.html"> +<meta name="assert" content="must not replace instances of U+200B immediately preceding or following a forced line break (br and preserved new lines)"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +.test { + word-boundary-expansion: ideographic-space; +} +.pre { + white-space: pre; +} +.mbp span { + padding: 0 5px; + border: solid transparent; + border-width: 0 5px; + margin: 0 -10px; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div class="test">あ<wbr>い<wbr><br><wbr>う</div> +<div class="test">あ​い​<br>​う</div> + +<div class="test">あ<wbr>い<span><wbr></span><span></span><span><br></span><span></span><span><wbr></span>う</div> +<div class="test">あ​い<span>​</span><span></span><span><br></span><span></span><span>​</span>う</div> + +<div class="test mbp">あ<wbr>い<span><wbr></span><span></span><span><br></span><span></span><span><wbr></span>う</div> +<div class="test mbp">あ​い<span>​</span><span></span><span><br></span><span></span><span>​</span>う</div> + +<div class="test pre">あ<wbr>い<wbr> +<wbr>う</div> +<div class="test pre">あ​い​ +​う</div> + +<div class="test pre">あ<wbr>い<span><wbr></span><span></span><span> +</span><span></span><span><wbr></span>う</div> +<div class="test pre">あ​い<span>​</span><span></span><span> +</span><span></span><span>​</span>う</div> + +<div class="test pre mbp">あ<wbr>い<span><wbr></span><span></span><span> +</span><span></span><span><wbr></span>う</div> +<div class="test pre mbp">あ​い<span>​</span><span></span><span> +</span><span></span><span>​</span>う</div> + +<div id=ref>あ い<br>う</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-012.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-012.html new file mode 100644 index 0000000000..aabc8d6861 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-012.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and forced line breaks (inline blocks)</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-012-ref.html"> +<meta name="assert" content="must not replace instances of U+200B immediately preceding or following a forced line break (inline block boundaries)"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +.test { + word-boundary-expansion: ideographic-space; +} +a { display: inline-block; } +.mbp span { + padding: 0 5px; + border: solid transparent; + border-width: 0 5px; + margin: 0 -10px; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div class=test>あ<a><wbr>い<wbr>う<wbr></a>え</div> +<div class=test>あ<a><span></span><span><wbr></span>い<wbr>う<span><wbr></span><span></span></a>え</div> +<div class="test mbp">あ<a><span></span><span><wbr></span>い<wbr>う<span><wbr></span><span></span></a>え</div> + +<div class=test>あ<a>​い​う​</a>え</div> +<div class=test>あ<a><span></span><span>​</span>い​う<span>​</span><span></span></a>え</div> +<div class="test mbp">あ<a><span></span><span>​</span>い​う<span>​</span><span></span></a>え</div> + +<div id=ref>あい うえ</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-013.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-013.html new file mode 100644 index 0000000000..f0d9641798 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-013.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and keep-all</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#word-break-property"> +<link rel="match" href="reference/word-boundary-013-ref.html"> +<meta name="assert" content="ideographic spaces inserted by word-boundary-expansion provide soft wrapping opportunities, even with keep-all"> +<style> +div { + font-size: 2em; + width: 7em; + border: solid blue; + margin: 1em; +} +#test { + word-boundary-expansion: ideographic-space; + word-break: keep-all; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=test>ああ<wbr>いい<wbr>うう</div> +<div id=ref>ああ いい <br>うう</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-014.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-014.html new file mode 100644 index 0000000000..f440064798 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-014.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion and keep-all</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#word-break-property"> +<link rel="match" href="reference/word-boundary-014-ref.html"> +<meta name="assert" content="spaces inserted by word-boundary-expansion provide soft wrapping opportunities, even with keep-all"> +<style> +div { + font-size: 2em; + width: 7ch; + font-family: monospace; + border: solid blue; + margin: 1em; +} +#test { + word-boundary-expansion: space; + word-break: keep-all; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=test>aa<wbr>bb<wbr>cc</div> +<div id=ref>aa bb <br>cc</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-015-manual.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-015-manual.html new file mode 100644 index 0000000000..8b7c6d98ee --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-015-manual.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-expansion copy-pasting</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<meta name="assert" content="word-boundary-expansion does not affect copy and paste"> +<style> +div, textarea { + font-size: 2em; + margin: 1em; + font-family: monospace; + resize: none; + overflow: hidden; + height: 2em; + width: 20ch; + padding: 0px; +} +#test { + border: solid blue; + word-boundary-expansion: space; +} +#ref { + border: solid orange; +} +textarea { + border: solid pink; +} + +</style> + +<p>Copy the text from the blue box, and paste it into the pink one. +The test passes if the pink and orange boxes are identical. + +<div id=test>no<wbr>space​here</div> +<textarea spellcheck="false"></textarea> +<div id=ref>nospacehere</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-101.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-101.html new file mode 100644 index 0000000000..40a66a4271 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-101.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:manual </title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-101-ref.html"> +<meta name="assert" content="word-boundary-detection:manual turns off detection of word boundaries in south east asian scripts"> +<style> +#wrap, #ref { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: manual; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=wrap lang=th> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref lang=th>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-102.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-102.html new file mode 100644 index 0000000000..e3f9828f32 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-102.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:normal</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="mismatch" href="reference/word-boundary-102-ref.html"> +<meta name="assert" content="word-boundary-detection:normal turns on detection of word boundaries in south east asian scripts. Preferably in a smart, word-by-word basis, but if the UA doesn't support that, on a per character basis. Eitherway, lines should wrap"> +<style> +#wrap, #ref { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: normal; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div id=wrap lang=th> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref lang=th>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-103.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-103.html new file mode 100644 index 0000000000..114c6f1367 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-103.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:normal mistagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="mismatch" href="reference/word-boundary-103-ref.html"> +<meta name="assert" content="word-boundary-detection:normal turns on detection of word boundaries in south east asian scripts, even if the language tagging is incorrect"> +<style> +#wrap, #ref { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: normal; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div id=wrap lang=de> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref lang=de>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-104.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-104.html new file mode 100644 index 0000000000..a7a2f38fda --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-104.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:normal untagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="mismatch" href="reference/word-boundary-104-ref.html"> +<meta name="assert" content="word-boundary-detection:normal turns on detection of word boundaries in south east asian scripts, even if the language tagging is missing"> +<style> +#wrap, #ref { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: normal; +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div id=wrap> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-105.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-105.html new file mode 100644 index 0000000000..fa991221e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-105.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(th) mistagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="mismatch" href="reference/word-boundary-105-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(th), if supported, does the same as normal (insert soft wraps for south east asian) on content tagged as the wrong language."> +<style> +#wrap, #ref { + font-size: 2em; + border: solid orange; + margin: 5px; + width: 30ch; +} +@supports (word-boundary-detection: auto(th)) { + #test { + word-boundary-detection: manual; + } +} +#test { + width: 0; + word-boundary-detection: auto(th); +} +</style> + +<p>Test passes if the two boxes below are <em>different</em>. + +<div id=wrap lang=ja> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref lang=ja>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-106.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-106.html new file mode 100644 index 0000000000..a968af7767 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-106.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(th) untagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-106-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(th), if supported, does the same as normal (insert soft wraps for south east asian) on content not language tagged."> +<style> +#wrap, #ref { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +@supports (word-boundary-detection: auto(th)) { + #test { + word-boundary-detection: manual; + } +} +#test { + width: 0; + word-boundary-detection: auto(th); +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=wrap> + <div id=test>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref>กรุงเทพคือสวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-107.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-107.html new file mode 100644 index 0000000000..591c1afb8d --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-107.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(ja) mistagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-107-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(ja), if supported, does not affect (i.e. same as normal) content tagged as something other than Japanese"> +<style> +#wrap, #ref { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: auto(ja); + word-break: keep-all; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=wrap lang=zh> + <div id=test>東京へ行きましょう。</div> +</div> +<div id=ref lang=zh>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-108.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-108.html new file mode 100644 index 0000000000..c23a6fe2b2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-108.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(ja) untagged</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-108-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(ja), if supported, does not affect (i.e. same as normal) on content not language tagged."> +<style> +#wrap, #ref { + font-size: 2em; + border: solid blue; + margin: 5px; + width: 30ch; +} +#test { + width: 0; + word-boundary-detection: auto(ja); + word-break: keep-all; +} +</style> + +<p>Test passes if the two boxes below are identical. + +<div id=wrap> + <div id=test>東京へ行きましょう。</div> +</div> +<div id=ref>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-109.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-109.html new file mode 100644 index 0000000000..c5694cc153 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-109.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(ja) and line breaking</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-109-a-ref.html"> +<link rel="match" href="reference/word-boundary-109-b-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(ja) inserts virtual word boundaries at reasonable points, creating soft wrapping opportunities"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; + word-break: keep-all; +} +.wrap > div { + width: 0; +} +#test { + word-boundary-detection: auto(ja); +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 class=wrap> + <div lang=ja>東京へ<wbr>行きましょう。</div> +</div> +<div class=wrap> + <div id=test lang=ja>東京へ行きましょう。</div> +</div> +<div id=ref2 class=wrap> + <div lang=ja>東京<wbr>へ<wbr>行きましょう。</div> +</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-110.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-110.html new file mode 100644 index 0000000000..bdfedf19e6 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-110.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(ja) and expansion</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-110-a-ref.html"> +<link rel="match" href="reference/word-boundary-110-b-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(ja) inserts virtual word boundaries at reasonable points, which can then be expanded into ideographic spaces"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京へ 行きましょう。</div> +<div id=test lang=ja>東京へ行きましょう。</div> +<div id=ref2 lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-111.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-111.html new file mode 100644 index 0000000000..d2d3df2708 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-111.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(th) and line breaking</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="match" href="reference/word-boundary-111-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(th) inserts virtual word boundaries at reasonable points, creating soft wrapping opportunities"> +<style> +.wrap { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +.wrap > div { + width: 0; +} +#test { + word-boundary-detection: auto(th); +} +#ref { + border-color: blue; +} +</style> + +<!-- +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since allowing south-east-asian languages to wrap is the default behavior. +--> + +<p>Test passes if the black box is identical to either the blue one. + +<div class=wrap> + <div id=test lang=th>กรุงเทพคือสวยงาม</div> +</div> +<div id=ref class=wrap> + <div lang=th>กรุงเทพ<wbr>คือ<wbr>สวยงาม</div> +</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-112.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-112.html new file mode 100644 index 0000000000..73c2763d83 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-112.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(th) and expansion</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-112-ref.html"> +<meta name="assert" content="word-boundary-detection:auto(th) inserts virtual word boundaries at reasonable points, which can then be expanded into spaces"> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(th); + word-boundary-expansion: space; +} +#ref { + border-color: blue; +} +</style> +<!-- + +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since inserting virtual word boundaries is the default for south-east-asian languages. +--> + +<p>Test passes if the black box is identical to the blue one. + +<div id=test lang=th>กรุงเทพคือสวยงาม</div> +<div id=ref lang=th>กรุงเทพ คือ สวยงาม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-113.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-113.html new file mode 100644 index 0000000000..f5e0cdf046 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-113.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(th) outermost placement</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-113-ref.html"> +<meta name="assert" content="If a word boundary is found at the same position as one or more inline box boundaries, the virtual word boundary must be inserted in the outermost element that participates in this inline box boundary."> +<style> +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(th); + word-boundary-expansion: space; +} +#ref { + border-color: blue; +} +u { background: silver; } +b { background: green; } +em { background: gray; } +</style> +<!-- + +This test should pass even in UAs that don't support word-boundary-detection:auto(th) +since inserting virtual word boundaries is the default for south-east-asian languages. +--> + +<p>Test passes if the black box is identical to the blue one. + +<div id=test lang=th>กรุงเทพ<b><u>คือ</u><em>สวยง</em></b>าม</div> +<div id=ref lang=th>กรุงเทพ <b><u>คือ</u> <em>สวยง</em></b>าม</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-114.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-114.html new file mode 100644 index 0000000000..b18e1e53ca --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-114.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto(ja) and outermost placement</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-114-a-ref.html"> +<link rel="match" href="reference/word-boundary-114-b-ref.html"> +<meta name="assert" content="If a word boundary is found at the same position as one or more inline box boundaries, the virtual word boundary must be inserted in the outermost element that participates in this inline box boundary."> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +#ref1 { + border-color: blue; +} +#ref2 { + border-color: orange; +} +u { background: silver; } +b { background: green; } +em { background: gray; } +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the black box is identical to either the blue or orange one. + +<div id=ref1 lang=ja>東京<b><u>へ</u> <em>行きましょ</em></b>う。</div> +<div id=test lang=ja>東京<b><u>へ</u><em>行きましょ</em></b>う。</div> +<div id=ref2 lang=ja>東京 <b><u>へ</u> <em>行きましょ</em></b>う。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-115.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-115.html new file mode 100644 index 0000000000..b1266c53db --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-115.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-115-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary at the beginning or end of any box whose parent box has a used value of manual."> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: manual; +} +#test span { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京<span>へ</span>行きましょう。</div> +<div id=ref lang=ja>東京へ行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-116.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-116.html new file mode 100644 index 0000000000..4b152173b7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-116.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-116-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary immediately adjacent to a word-separator character"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 へ 行きましょう。</div> +<div id=ref lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-117.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-117.html new file mode 100644 index 0000000000..558b6a981f --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-117.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-117-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary immediately adjacent to an other space separator."> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 へ 行きましょう。</div> +<div id=ref lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-118.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-118.html new file mode 100644 index 0000000000..e20bc35410 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-118.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-117-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary immediately adjacent to ZERO WIDTH SPACE (U+200B) character."> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京​へ​行きましょう。</div> +<div id=ref lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-119.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-119.html new file mode 100644 index 0000000000..fb3aaebc92 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-119.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-119-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and an adjacent typographic character unit from the [UAX14] GL line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 へ 行きましょう。</div> +<div id=ref lang=ja>東京 へ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-120.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-120.html new file mode 100644 index 0000000000..8f2bff5b22 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-120.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-120-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and an adjacent typographic character unit from the [UAX14] WJ line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京⁠へ⁠行きましょう。</div> +<div id=ref lang=ja>東京⁠へ⁠行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-121.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-121.html new file mode 100644 index 0000000000..667e1e068e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-121.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-121-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and an adjacent typographic character unit from the [UAX14] ZWJ line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京‍へ‍行きましょう。</div> +<div id=ref lang=ja>東京‍へ‍行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-122.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-122.html new file mode 100644 index 0000000000..a9d3a99930 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-122.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-122-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] CL line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京} へ} 行きましょう。</div> +<div id=ref lang=ja>東京} へ} 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-123.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-123.html new file mode 100644 index 0000000000..bcf1f0245e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-123.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-123-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] CP line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京) へ) 行きましょう。</div> +<div id=ref lang=ja>東京) へ) 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-124.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-124.html new file mode 100644 index 0000000000..a4a4902ba2 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-124.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-124-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] IS line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京. へ. 行きましょう。</div> +<div id=ref lang=ja>東京. へ. 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-125.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-125.html new file mode 100644 index 0000000000..a04ec4f075 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-125.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-125-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] EX line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京! へ! 行きましょう。</div> +<div id=ref lang=ja>東京! へ! 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-126.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-126.html new file mode 100644 index 0000000000..e4a5c6b0fb --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-126.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-126-ref.html"> +<meta name="assert" content="The UA must not insert a virtual word boundary between a typographic letter unit and a preceeding typographic character unit from the [UAX14] OP line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 (へ (行きましょう。</div> +<div id=ref lang=ja>東京 (へ (行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-127.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-127.html new file mode 100644 index 0000000000..21f00e664b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-127.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-127-ref.html"> +<meta name=flags content=should> +<meta name="assert" content="The UA should not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] PO line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +#test { + word-boundary-detection: auto(ja); + word-boundary-expansion: ideographic-space; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京% へ% 行きましょう。</div> +<div id=ref lang=ja>東京% へ% 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-128.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-128.html new file mode 100644 index 0000000000..cb2d1ee4e7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-128.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-128-ref.html"> +<meta name=flags content=should> +<meta name="assert" content="The UA should not insert a virtual word boundary between a typographic letter unit and a subsequent typographic character unit from the [UAX14] NS line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京‼ へ‼ 行きましょう。</div> +<div id=ref lang=ja>東京‼ へ‼ 行きましょう。</div> diff --git a/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-129.html b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-129.html new file mode 100644 index 0000000000..6e13717702 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-boundary/word-boundary-129.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-boundary-detection:auto() forbidden</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-expansion"> +<link rel="match" href="reference/word-boundary-129-ref.html"> +<meta name=flags content=should> +<meta name="assert" content="The UA should not insert a virtual word boundary between a typographic letter unit and a preceeding typographic character unit from the [UAX14] PR line breaking class"> +<style> +@supports (word-boundary-detection:auto(ja)) { + .warn { display:none; } +} +div { + font-size: 2em; + border: solid black; + margin: 5px; + width: 30ch; +} +</style> + +<p class=warn><strong>This test is not relevant, because this UA does not support <code>word-boundary-detection:auto(ja)</code>.</strong> + +<p>Test passes if the two boxes below are identical. + +<div id=test lang=ja>東京 $へ $行きましょう。</div> +<div id=ref lang=ja>東京 $へ $行きましょう。</div> |