Skip to content
This repository was archived by the owner on Jul 9, 2025. It is now read-only.

Commit cda445d

Browse files
frivoalmoz-wptsync-bot
frivoal
authored and
moz-wptsync-bot
committed
Bug 1567853 [wpt PR 17970] - [css-writing-modes] test for w3c/csswg-drafts#4139, a=testonly
Automatic update from web-platform-tests [css-writing-modes] tests for w3c/csswg-drafts#4139 (#17970) -- wpt-commits: d1f5c9552ae7b12a74c97ad69cdf662c8cbfd263 wpt-pr: 17970
1 parent 539186b commit cda445d

6 files changed

Lines changed: 175 additions & 0 deletions

‎testing/web-platform/tests/css/css-writing-modes/reference/tcy-white-space-processing-001-ref.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>Test reference</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<style>
6+
.v-rl {
7+
writing-mode: vertical-rl;
8+
width: 200px;
9+
}
10+
span {
11+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
12+
text-combine-upright: all;
13+
white-space: normal;
14+
}
15+
#test { color: blue; }
16+
#ref { color: orange; }
17+
</style>
18+
<p>Test passes if the blue and orange lines of text are identical.
19+
20+
<div class=v-rl>
21+
<div id=test>あ<span>12</span>い<span>34</span>う<span>5&nbsp;6</span>えお</div>
22+
<div id=ref>あ<span>12</span>い<span>34</span>う<span>5&nbsp;6</span>えお</div>
23+
</div>

‎testing/web-platform/tests/css/css-writing-modes/reference/tcy-white-space-processing-002-ref.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>Test Reference</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<style>
6+
.v-rl {
7+
writing-mode: vertical-rl;
8+
width: 200px;
9+
}
10+
span {
11+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
12+
text-combine-upright: all;
13+
white-space: pre;
14+
}
15+
#test { color: blue; }
16+
#ref { color: orange; }
17+
</style>
18+
<p>Test passes if the blue and orange lines of text are identical.
19+
20+
<div class=v-rl>
21+
<div id=test>あ<span>&nbsp;&nbsp;12</span>い<span>34&nbsp;&nbsp;</span>う<span>5&nbsp;&nbsp;&nbsp;&nbsp;6</span>えお</div>
22+
<div id=ref>あ<span>&nbsp;&nbsp;12</span>い<span>34&nbsp;&nbsp;</span>う<span>5&nbsp;&nbsp;&nbsp;&nbsp;6</span>えお</div>
23+
</div>

‎testing/web-platform/tests/css/css-writing-modes/reference/tcy-white-space-processing-003-ref.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>Test Reference</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<style>
6+
.v-rl {
7+
writing-mode: vertical-rl;
8+
width: 200px;
9+
}
10+
span {
11+
display: inline-block;
12+
height: 1em;
13+
}
14+
#test { color: blue; }
15+
#test2 { color: brown; }
16+
#ref { color: orange; }
17+
.v-rl > div {
18+
display: inline-block;
19+
border: solid;
20+
margin: 0 5px;
21+
}
22+
</style>
23+
<p>Test passes if the blue, orange, brown boxes are identical.
24+
25+
<div class=v-rl>
26+
<div id=test>あいう<span></span>えお<span></span></div>
27+
<br>
28+
<div id=test2>あいう<span></span>えお<span></span></div>
29+
<br>
30+
<div id=ref>あいう<span></span>えお<span></span></div>
31+
</div>

‎testing/web-platform/tests/css/css-writing-modes/tcy-white-space-processing-001.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Writing Modes Test: white-space:normal space processing in text-combine-horizontal</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#text-combine-layout">
6+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules">
7+
<link rel="match" href="reference/tcy-white-space-processing-001-ref.html">
8+
<meta name="assert" content="Spaces with white-space:normal in a text-combine horizontal is trimmed at the start and end, and collapsed in the middle.">
9+
<style>
10+
.v-rl {
11+
writing-mode: vertical-rl;
12+
width: 200px;
13+
}
14+
span {
15+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
16+
text-combine-upright: all;
17+
white-space: normal;
18+
}
19+
#test { color: blue; }
20+
#ref { color: orange; }
21+
</style>
22+
<p>Test passes if the blue and orange lines of text are identical.
23+
24+
<div class=v-rl>
25+
<div id=test>あ<span> 12</span>い<span>34 </span>う<span>5 6</span>えお</div>
26+
<div id=ref>あ<span>12</span>い<span>34</span>う<span>5&nbsp;6</span>えお</div>
27+
</div>

‎testing/web-platform/tests/css/css-writing-modes/tcy-white-space-processing-002.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Writing Modes Test: white-space:pre space processing in text-combine-horizontal</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#text-combine-layout">
6+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules">
7+
<link rel="match" href="reference/tcy-white-space-processing-002-ref.html">
8+
<meta name="assert" content="Spaces with white-space:pre in a text-combine-upright are preserved">
9+
<style>
10+
.v-rl {
11+
writing-mode: vertical-rl;
12+
width: 200px;
13+
}
14+
span {
15+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
16+
text-combine-upright: all;
17+
white-space: pre;
18+
}
19+
#test { color: blue; }
20+
#ref { color: orange; }
21+
</style>
22+
<p>Test passes if the blue and orange lines of text are identical.
23+
24+
<div class=v-rl>
25+
<div id=test>あ<span> 12</span>い<span>34 </span>う<span>5 6</span>えお</div>
26+
<div id=ref>あ<span>&nbsp;&nbsp;12</span>い<span>34&nbsp;&nbsp;</span>う<span>5&nbsp;&nbsp;&nbsp;&nbsp;6</span>えお</div>
27+
</div>

‎testing/web-platform/tests/css/css-writing-modes/tcy-white-space-processing-003.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<meta charset="utf-8">
3+
<title>CSS Writing Modes Test: white space only text-combine-horizontal</title>
4+
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
5+
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#text-combine-layout">
6+
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules">
7+
<link rel="match" href="reference/tcy-white-space-processing-003-ref.html">
8+
<meta name="assert" content="a text-combine-upright with only white-space is preserved as a 1em square, including at the end of the containing line, regardless of the value of the white-space property">
9+
<style>
10+
.v-rl {
11+
writing-mode: vertical-rl;
12+
width: 200px;
13+
}
14+
#test span {
15+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
16+
text-combine-upright: all;
17+
}
18+
#test2 span {
19+
-webkit-text-combine: horizontal; /*testing the layout text-combine, not it's support in general*/
20+
text-combine-upright: all;
21+
white-space: pre;
22+
}
23+
#ref span {
24+
display: inline-block;
25+
height: 1em;
26+
}
27+
#test { color: blue; }
28+
#test2 { color: brown; }
29+
#ref { color: orange; }
30+
.v-rl > div {
31+
display: inline-block;
32+
border: solid;
33+
margin: 0 5px;
34+
}
35+
</style>
36+
<p>Test passes if the blue, orange, brown boxes are identical.
37+
38+
<div class=v-rl>
39+
<div id=test>あいう<span> </span>えお<span> </span></div>
40+
<br>
41+
<div id=test2>あいう<span> </span>えお<span> </span></div>
42+
<br>
43+
<div id=ref>あいう<span></span>えお<span></span></div>
44+
</div>

0 commit comments

Comments
 (0)