Index: LayoutTests/imported/csswg-test/css-writing-modes-3/text-combine-upright-decorations-001.html |
diff --git a/LayoutTests/imported/csswg-test/css-writing-modes-3/text-combine-upright-decorations-001.html b/LayoutTests/imported/csswg-test/css-writing-modes-3/text-combine-upright-decorations-001.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9e73fd87b289874c2a9c04925ed150de6da643fe |
--- /dev/null |
+++ b/LayoutTests/imported/csswg-test/css-writing-modes-3/text-combine-upright-decorations-001.html |
@@ -0,0 +1,65 @@ |
+<!DOCTYPE html> |
+<title>CSS Writing Modes Test: </title> |
+<link rel="help" href="http://dev.w3.org/csswg/css-writing-modes-3/#text-combine-layout" title="9.1.2. Layout Rules"> |
+<link rel="match" href="reference/text-combine-upright-decorations-001.html"> |
+<meta name="assert" content="The resulting composition is treated as a signel glyph for decorations"> |
+<meta name="flags" content="ahem"> |
+<link rel="author" title="Koji Ishii" href="mailto:kojiishi@gmail.com"> |
+<style> |
+#container { |
+ font: 50px/1 Ahem; |
+} |
+.vlr { |
+ -webkit-writing-mode:vertical-lr; |
+} |
+.vrl { |
+ -webkit-writing-mode:vertical-rl; |
+} |
+.test, .ref { |
+ border:solid thin; |
+ margin:.2em; |
+} |
+p { |
+ margin:0 .5em; |
+} |
+.tcy { |
+ -webkit-text-combine:horizontal; |
+} |
+.underline { |
+ text-decoration:underline; |
+} |
+.overline { |
+ text-decoration:overline; |
+} |
+.emphasis { |
+ -webkit-text-emphasis:filled; |
+} |
+</style> |
+<p>This test asserts the resulting composition is treated as a signel glyph for decorations. |
+<p>Test passes if the following two boxes in each row are identical. |
+<div id=container> |
+ <div class=vlr> |
+ <div class=test> |
+ <p class=underline>X<span class=tcy> </span>X |
+ <p class=overline>X<span class=tcy> </span>X |
+ <p class=emphasis>X<span class=tcy>X</span>X |
+ </div> |
+ <div class=ref> |
+ <p class=underline>X X |
+ <p class=overline>X X |
+ <p class=emphasis>XXX |
+ </div> |
+ </div> |
+ <div class=vrl> |
+ <div class=test> |
+ <p class=underline>X<span class=tcy> </span>X |
+ <p class=overline>X<span class=tcy> </span>X |
+ <p class=emphasis>X<span class=tcy>X</span>X |
+ </div> |
+ <div class=ref> |
+ <p class=underline>X X |
+ <p class=overline>X X |
+ <p class=emphasis>XXX |
+ </div> |
+ </div> |
+</div> |