Skip to content

Commit 09703a0

Browse files
frivoalmoz-wptsync-bot
frivoal
authored and
moz-wptsync-bot
committed
Bug 1807893 [wpt PR 37694] - Add tests for i18n variations on hyphenation, a=testonly
Automatic update from web-platform-tests Add tests for i18n variations on hyphenation See w3c/csswg-drafts#5973 -- wpt-commits: b63c4e6e1c7b4f0ce9deb4a2ef76e90b7758f4ed wpt-pr: 37694
1 parent c4de258 commit 09703a0

21 files changed

+431
-0
lines changed

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-auto-001.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Dutch</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-001-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-001-alt-ref.html">
8+
<meta name="assert" content="Language specific rules must be taken into account">
9+
<style>
10+
div {
11+
font-size: 3em;
12+
color: orange;
13+
}
14+
.test {
15+
width: 5ch;
16+
hyphens: auto;
17+
color: blue;
18+
}
19+
</style>
20+
21+
<p>Test passes if the blue text and orange text are identical (except for the color).
22+
<div lang=nl class=test>cafeetje</div>
23+
<div lang=nl>café&#x2010;<br>tje</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-auto-002.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Hungarian</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-002-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-002-alt-ref.html">
8+
<meta name="assert" content="Language specific rules must be taken into account">
9+
<style>
10+
div {
11+
font-size: 3em;
12+
color: orange;
13+
}
14+
.test {
15+
width: 5ch;
16+
hyphens: auto;
17+
color: blue;
18+
}
19+
</style>
20+
21+
<p>Test passes if the blue text and orange text are identical (except for the color).
22+
<div lang=hu class=test>Összeg</div>
23+
<div lang=hu>Ösz&#x2010;<br>szeg</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-auto-003.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-003-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-003-alt-ref.html">
8+
<meta name="assert" content="Language specific rules must be taken into account">
9+
<style>
10+
div {
11+
font-size: 3em;
12+
color: orange;
13+
}
14+
.test {
15+
width: 3ch;
16+
hyphens: auto;
17+
color: blue;
18+
}
19+
</style>
20+
21+
<p>Test passes if the blue text and orange text are identical (except for the color).
22+
<div lang=zh-Latn-pinyin class=test>tú’àn</div>
23+
<div lang=zh-Latn-pinyin>tú&#x2010;<br>àn</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-auto-004.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin-hyphen</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-004-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-ref.html">
8+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-2-ref.html">
9+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-3-ref.html">
10+
<meta name="assert" content="Language specific rules must be taken into account">
11+
<style>
12+
div {
13+
font-size: 3em;
14+
color: orange;
15+
}
16+
.test {
17+
width: 8ch;
18+
hyphens: auto;
19+
color: blue;
20+
}
21+
</style>
22+
23+
<p>Test passes if the blue text and orange text are identical (except for the color).
24+
<div lang=zh-Latn-pinyin class=test>àizēng&#x2010;fēnmíng</div>
25+
<div lang=zh-Latn-pinyin>àizēng&#x2010;<br>&#x2010;fēnmíng</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-auto-005.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Uyghur</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-005-ref.html">
7+
<meta name="assert" content="Language specific rules must be taken into account">
8+
<style>
9+
div {
10+
font-size: 3em;
11+
color: orange;
12+
}
13+
.test {
14+
width: 4ch;
15+
hyphens: auto;
16+
color: blue;
17+
}
18+
section { max-width: 20em; }
19+
</style>
20+
21+
<p>Test passes if the blue text and orange text are identical (except for the color).
22+
<section dir=rtl lang=ug>
23+
<div class=test>داميدى</div>
24+
<div>دامي&zwj;&#x640;<br>&zwj;دى</div>
25+
<section>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-manual-001.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Dutch</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-001-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-001-alt-ref.html">
8+
<meta name="assert" content="Language specific rules should be taken into account when using soft hyphens">
9+
<meta name="flags" content="should">
10+
<style>
11+
div {
12+
font-size: 3em;
13+
color: orange;
14+
}
15+
.test {
16+
width: 5ch;
17+
hyphens: manual;
18+
color: blue;
19+
}
20+
</style>
21+
22+
<p>Test passes if the blue text and orange text are identical (except for the color).
23+
<div lang=nl class=test>cafee&shy;tje</div>
24+
<div lang=nl>café&#x2010;<br>tje</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-manual-002.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Hungarian</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-002-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-002-alt-ref.html">
8+
<meta name="assert" content="Language specific rules should be taken into account when using soft hyphens">
9+
<meta name="flags" content="should">
10+
<style>
11+
div {
12+
font-size: 3em;
13+
color: orange;
14+
}
15+
.test {
16+
width: 5ch;
17+
hyphens: manual;
18+
color: blue;
19+
}
20+
</style>
21+
22+
<p>Test passes if the blue text and orange text are identical (except for the color).
23+
<div lang=hu class=test>Ös&shy;szeg</div>
24+
<div lang=hu>Ösz&#x2010;<br>szeg</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-manual-003.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-003-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-003-alt-ref.html">
8+
<meta name="assert" content="Language specific rules should be taken into account when using soft hyphens">
9+
<meta name="flags" content="should">
10+
<style>
11+
div {
12+
font-size: 3em;
13+
color: orange;
14+
}
15+
.test {
16+
width: 3ch;
17+
hyphens: manual;
18+
color: blue;
19+
}
20+
</style>
21+
22+
<p>Test passes if the blue text and orange text are identical (except for the color).
23+
<div lang=zh-Latn-pinyin class=test>tú&shy;’àn</div>
24+
<div lang=zh-Latn-pinyin>tú&#x2010;<br>àn</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-manual-004.html

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin-hyphen</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-004-ref.html">
7+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-ref.html">
8+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-2-ref.html">
9+
<link rel="match" href="reference/hyphens-i18n-auto-004-alt-3-ref.html">
10+
<meta name="assert" content="Language specific rules should be taken into account when using soft hyphens">
11+
<meta name="flags" content="should">
12+
<style>
13+
div {
14+
font-size: 3em;
15+
color: orange;
16+
}
17+
.test {
18+
width: 8ch;
19+
hyphens: manual;
20+
color: blue;
21+
}
22+
</style>
23+
24+
<p>Test passes if the blue text and orange text are identical (except for the color).
25+
<div lang=zh-Latn-pinyin class=test>àizēng&shy;&#x2010;fēnmíng</div>
26+
<div lang=zh-Latn-pinyin>àizēng&#x2010;<br>&#x2010;fēnmíng</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/hyphens-i18n-manual-005.html

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Uyghur</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<link rel="match" href="reference/hyphens-i18n-auto-005-ref.html">
7+
<meta name="assert" content="Language specific rules should be taken into account when using soft hyphens (and the correct character must be used)">
8+
<style>
9+
div {
10+
font-size: 3em;
11+
color: orange;
12+
}
13+
.test {
14+
width: 4ch;
15+
hyphens: manual;
16+
color: blue;
17+
}
18+
section { max-width: 20em; }
19+
</style>
20+
21+
<p>Test passes if the blue text and orange text are identical (except for the color).
22+
<section dir=rtl lang=ug>
23+
<div class=test>دامي&shy;دى</div>
24+
<div>دامي&zwj;&#x640;<br>&zwj;دى</div>
25+
<section>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-001-alt-ref.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Dutch</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<style>
6+
div {
7+
font-size: 3em;
8+
color: orange;
9+
}
10+
.test {
11+
color: blue;
12+
}
13+
</style>
14+
15+
<p>Test passes if the blue text and orange text are identical (except for the color).
16+
<div lang=nl class=test>café-<br>tje</div>
17+
<div lang=nl>café&#x2010;<br>tje</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-001-ref.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Dutch</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<style>
6+
div {
7+
font-size: 3em;
8+
color: orange;
9+
}
10+
.test {
11+
color: blue;
12+
}
13+
</style>
14+
15+
<p>Test passes if the blue text and orange text are identical (except for the color).
16+
<div lang=nl class=test>café&#x2010;<br>tje</div>
17+
<div lang=nl>café&#x2010;<br>tje</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-002-alt-ref.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Hungarian</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<style>
6+
div {
7+
font-size: 3em;
8+
color: orange;
9+
}
10+
.test {
11+
color: blue;
12+
}
13+
</style>
14+
15+
<p>Test passes if the blue text and orange text are identical (except for the color).
16+
<div lang=hu class=test>Ösz-<br>szeg</div>
17+
<div lang=hu>Ösz&#x2010;<br>szeg</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-002-ref.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Hungarian</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<style>
6+
div {
7+
font-size: 3em;
8+
color: orange;
9+
}
10+
.test {
11+
color: blue;
12+
}
13+
</style>
14+
15+
<p>Test passes if the blue text and orange text are identical (except for the color).
16+
<div lang=hu class=test>Ösz&#x2010;<br>szeg</div>
17+
<div lang=hu>Ösz&#x2010;<br>szeg</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-003-alt-ref.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<meta name="assert" content="Language specific rules must be taken into account">
7+
<style>
8+
div {
9+
font-size: 3em;
10+
color: orange;
11+
}
12+
.test {
13+
color: blue;
14+
}
15+
</style>
16+
17+
<p>Test passes if the blue text and orange text are identical (except for the color).
18+
<div lang=zh-Latn-pinyin class=test>tú-<br>àn</div>
19+
<div lang=zh-Latn-pinyin>tú&#x2010;<br>àn</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-003-ref.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin</title>
4+
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
5+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphens-property">
6+
<meta name="assert" content="Language specific rules must be taken into account">
7+
<style>
8+
div {
9+
font-size: 3em;
10+
color: orange;
11+
}
12+
.test {
13+
color: blue;
14+
}
15+
</style>
16+
17+
<p>Test passes if the blue text and orange text are identical (except for the color).
18+
<div lang=zh-Latn-pinyin class=test>tú&#x2010;<br>àn</div>
19+
<div lang=zh-Latn-pinyin>tú&#x2010;<br>àn</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-004-alt-2-ref.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin-hyphen</title>
4+
<style>
5+
div {
6+
font-size: 3em;
7+
color: orange;
8+
}
9+
.test {
10+
color: blue;
11+
}
12+
</style>
13+
14+
<p>Test passes if the blue text and orange text are identical (except for the color).
15+
<div lang=zh-Latn-pinyin class=test>àizēng&#x2010;<br>-fēnmíng</div>
16+
<div lang=zh-Latn-pinyin>àizēng&#x2010;<br>&#x2010;fēnmíng</div>

‎testing/web-platform/tests/css/css-text/hyphens/i18n/reference/hyphens-i18n-auto-004-alt-3-ref.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Text Test: language specific hyphenation—Pinyin-hyphen</title>
4+
<style>
5+
div {
6+
font-size: 3em;
7+
color: orange;
8+
}
9+
.test {
10+
color: blue;
11+
}
12+
</style>
13+
14+
<p>Test passes if the blue text and orange text are identical (except for the color).
15+
<div lang=zh-Latn-pinyin class=test>àizēng-<br>-fēnmíng</div>
16+
<div lang=zh-Latn-pinyin>àizēng&#x2010;<br>&#x2010;fēnmíng</div>

0 commit comments

Comments
 (0)