summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-writing-modes/full-width-001.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/full-width-001.html')
-rw-r--r--testing/web-platform/tests/css/css-writing-modes/full-width-001.html66
1 files changed, 66 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/full-width-001.html b/testing/web-platform/tests/css/css-writing-modes/full-width-001.html
new file mode 100644
index 0000000000..cba3a08475
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/full-width-001.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: 'text-combine-upright: all' applied on a single typographic full-width unit character</title>
+<link rel="author" title="Masataka Yakura" href="http://google.com/+MasatakaYakura">
+<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth" title="9.1.3.1. Full-width Characters">
+<link rel="mismatch" href="reference/full-width-001-horizontal-notref.html">
+<link rel="mismatch" href="reference/full-width-001-nofullwidth-notref.html">
+<meta content="asis should" name="flags">
+<meta name="assert" content="When 'text-combine-upright: all' and 'text-transform: full-width' are applied simultaneously on 1 single typographic unit or when 'text-combine-upright: all' is set on a full-width typographic unit character, then such typographic unit remains a full-width character.">
+
+ <!--
+ This test is the equivalent of the "2" month in the
+ <date>2010年2月23日</date> example of example 17 in
+ section 9.1.3.1 of the specification
+ -->
+
+<style>
+ div
+ {
+ font-size: 64px;
+ writing-mode: vertical-rl;
+ }
+
+ div > p
+ {
+ border: black solid 1px;
+ }
+
+ span.tcu-all
+ {
+ text-combine-upright: all;
+ }
+
+ span.full-width
+ {
+ text-transform: full-width;
+ }
+</style>
+
+</head>
+
+<body>
+
+<p>Test passes if the glyphs in the 3 rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>; a different inter-character spacing is considered as PASS.</p>
+
+<div>
+
+ <p id="test1"><span class="tcu-all full-width">&#x34;</span>月</p>
+
+ <!-- &#x34; is the ISO-Latin1 digit 4 -->
+
+ <p id="test2"><span class="tcu-all">&#xFF14;</span>月</p>
+
+ <!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
+
+ <p id="reference">&#xFF14;月</p>
+
+ <!-- &#xFF14; is the FULLWIDTH DIGIT 4 (≈ <wide> 0034 4)-->
+
+</div>
+
+</body>
+</html>