Bug 1097499 part 15 - Add reftests for text-combine-upright. r=jfkthame draft
authorXidorn Quan <quanxunzhen@gmail.com>
Fri, 15 Apr 2016 13:19:15 +1000
changeset 354610 1ba7b3d66fb61eb6e87287c22f52d6d841d47ea5
parent 354609 e6df3139508c191b0b63d743d7da430cf12c2d16
child 354611 534a901ae28e9cc081693b4427779fb019bbe6bb
push id16138
push userxquan@mozilla.com
push dateThu, 21 Apr 2016 11:18:53 +0000
reviewersjfkthame
bugs1097499
milestone48.0a1
Bug 1097499 part 15 - Add reftests for text-combine-upright. r=jfkthame MozReview-Commit-ID: 2PhaUnUMF5l
layout/reftests/w3c-css/submitted/reftest.list
layout/reftests/w3c-css/submitted/writing-modes-3/reftest.list
layout/reftests/w3c-css/submitted/writing-modes-3/support/WidthTest-Regular.otf
layout/reftests/w3c-css/submitted/writing-modes-3/support/tcy.css
layout/reftests/w3c-css/submitted/writing-modes-3/support/width-test.css
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-001-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-001.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-002-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-002.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-003-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-003.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-004-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-004.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005a.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006a.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-007-ref.html
layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-007.html
--- a/layout/reftests/w3c-css/submitted/reftest.list
+++ b/layout/reftests/w3c-css/submitted/reftest.list
@@ -73,8 +73,11 @@ include ui3/reftest.list
 # Values and Units Level 3
 include values3/reftest.list
 
 # Variables Level 1
 include variables/reftest.list
 
 # CSS will-change Level 1
 include will-change/reftest.list
+
+# CSS Writing Modes Level 3
+include writing-modes-3/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/reftest.list
@@ -0,0 +1,11 @@
+default-preferences pref(layout.css.text-combine-upright.enabled,true)
+
+== text-combine-upright-compression-001.html text-combine-upright-compression-001-ref.html
+== text-combine-upright-compression-002.html text-combine-upright-compression-002-ref.html
+== text-combine-upright-compression-003.html text-combine-upright-compression-003-ref.html
+== text-combine-upright-compression-004.html text-combine-upright-compression-004-ref.html
+== text-combine-upright-compression-005.html text-combine-upright-compression-005-ref.html
+== text-combine-upright-compression-005a.html text-combine-upright-compression-005-ref.html
+== text-combine-upright-compression-006.html text-combine-upright-compression-006-ref.html
+== text-combine-upright-compression-006a.html text-combine-upright-compression-006-ref.html
+== text-combine-upright-compression-007.html text-combine-upright-compression-007-ref.html
new file mode 100644
index 0000000000000000000000000000000000000000..06b1d3c0253fde79a9ff941a40bc2cf37d31aff0
GIT binary patch
literal 3248
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
Xj2>dOGsJM`X1Mp7H9<b|mOb-tbVshA
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/support/tcy.css
@@ -0,0 +1,11 @@
+.tcy {
+  text-combine-upright: all;
+}
+.fake-tcy {
+  display: inline-block;
+  writing-mode: horizontal-tb;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  line-height: 1em;
+}
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/support/width-test.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: WidthTest;
+  src: url(WidthTest-Regular.otf);
+}
+.test {
+  font: 72px/1 WidthTest;
+}
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-001-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, no compression</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical zeros in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">0</span></p>
+  <p><span class="fake-tcy">0</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-001.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, no compression</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression">
+<link rel="match" href="text-combine-upright-compression-001-ref.html">
+<meta name="assert" href="text-combine-upright with character not wider than 1em should not trigger compression.">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical zeros in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">0</span></p>
+  <p><span class="fake-tcy">0</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-002-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, compression of two characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">22</span></p>
+  <p><span class="fake-tcy">22</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-002.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, compression of two characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression">
+<link rel="match" href="text-combine-upright-compression-002-ref.html">
+<meta name="assert" href="text-combine-upright should try applying 'hwid' feature if the width is wider than 1em">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">00</span></p>
+  <p><span class="fake-tcy">22</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-003-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, compression of three characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">333</span></p>
+  <p><span class="fake-tcy">333</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-003.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, compression of three characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression">
+<link rel="match" href="text-combine-upright-compression-003-ref.html">
+<meta name="assert" href="text-combine-upright should try applying 'twid' feature if the width is wider than 1em">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">000</span></p>
+  <p><span class="fake-tcy">333</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-004-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, compression of four characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">4444</span></p>
+  <p><span class="fake-tcy">4444</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-004.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, compression of four characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression">
+<link rel="match" href="text-combine-upright-compression-004-ref.html">
+<meta name="assert" href="text-combine-upright should try applying 'qwid' feature if the width is wider than 1em">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">0000</span></p>
+  <p><span class="fake-tcy">4444</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, no compression for single full-width character</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">0</span></p>
+  <p><span class="fake-tcy">0</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, no compression for single full-width character</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth">
+<link rel="match" href="text-combine-upright-compression-005-ref.html">
+<meta name="assert" href="text-combine-upright should not change a single full-width character">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">0</span></p>
+  <p><span class="fake-tcy">0</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-005a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, no compression for single character with full-width transform</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth">
+<link rel="match" href="text-combine-upright-compression-005-ref.html">
+<meta name="assert" href="text-combine-upright should not change a single full-width character">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+.tcy { text-transform: full-width; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">0</span></p>
+  <p><span class="fake-tcy">0</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright, compression for two full-width characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="fake-tcy">22</span></p>
+  <p><span class="fake-tcy">22</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, compression for two full-width characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth">
+<link rel="match" href="text-combine-upright-compression-006-ref.html">
+<meta name="assert" href="text-combine-upright should run the reverse of full-width transform before applying compression">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">00</span></p>
+  <p><span class="fake-tcy">22</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-006a.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright, compression for two characters with full-width transform</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-fullwidth">
+<link rel="match" href="text-combine-upright-compression-006-ref.html">
+<meta name="assert" href="text-combine-upright should run the reverse of full-width transform before applying compression">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; }
+.test > p { border: 1px solid black; }
+.tcy { text-transform: full-width; }
+</style>
+</head>
+<body>
+<p>Test passes if there are two identical graphs in the blocks below.</p>
+<div class="test">
+  <p><span class="tcy">00</span></p>
+  <p><span class="fake-tcy">22</span></p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-007-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Reference: text-combine-upright: all, fit any number of characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; height: 3.5em; }
+.test > p { border: 1px solid black; }
+</style>
+</head>
+<body>
+<p>Test passes if the contents in the two blocks are identical.</p>
+<div class="test">
+  <p>一<span class="fake-tcy"></span>十</p>
+  <p>一<span class="fake-tcy"></span>十</p>
+</div>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/writing-modes-3/text-combine-upright-compression-007.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<title>CSS Test: text-combine-upright: all, fit any number of characters</title>
+<link rel="author" href="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-combine-compression">
+<link rel="match" href="text-combine-upright-compression-001-ref.html">
+<meta name="assert" href="text-combine-upright: all should allow any amount of text to be compressed in a 1em square">
+<link rel="stylesheet" href="support/width-test.css">
+<link rel="stylesheet" href="support/tcy.css">
+<style>
+.test { writing-mode: vertical-rl; height: 3.5em; }
+.test > p { border: 1px solid black; }
+.tcy { color: transparent; }
+</style>
+</head>
+<body>
+<p>Test passes if the contents in the two blocks are identical.</p>
+<div class="test">
+  <p>一<span class="tcy">ニ三四五六七八九</span>十</p>
+  <p>一<span class="fake-tcy"></span>十</p>
+</div>
+</body>
+</html>