Bug 1134849 - Reftest for orthogonal inline elements. r=dbaron
authorJonathan Kew <jkew@mozilla.com>
Fri, 20 Mar 2015 08:12:51 +0000
changeset 263562 6ea22b9149a314ce9c1c3b5017dc428030458916
parent 263561 1d525669326e48e7bf604ba8871b9596025837ef
child 263563 8fefcde732fea45f711d0c2b748fd321f5539b9a
push id4718
push userraliiev@mozilla.com
push dateMon, 11 May 2015 18:39:53 +0000
treeherdermozilla-beta@c20c4ef55f08 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdbaron
bugs1134849
milestone39.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1134849 - Reftest for orthogonal inline elements. r=dbaron
layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html
layout/reftests/writing-mode/1134849-orthogonal-inline.html
layout/reftests/writing-mode/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1134849</title>
+    <style>
+    div { display: inline-block; vertical-align: top;
+          inline-size: 12em; block-size: 15em;
+          border: solid silver; margin: 10px; }
+    p { margin: 5px; }
+    .h { writing-mode: horizontal-tb; }
+    .v-lr { writing-mode: vertical-lr; }
+    .v-rl { writing-mode: vertical-rl; }
+    p > span, p > b { display: inline-block; }
+    p > span > b { display: inline; }
+    </style>
+  </head>
+  <body>
+   <div class="h">
+    <p>The <span class="v-lr">quick <b>brown</b> fox</span> jumps over<br>the <b class="v-rl">lazy</b> dog.</p>
+   </div>
+   <div class="v-lr">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <div class="v-rl">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <br>
+   inline-block
+  </body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1134849-orthogonal-inline.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Test for bug 1134849</title>
+    <style>
+    div { display: inline-block; vertical-align: top;
+          inline-size: 12em; block-size: 15em;
+          border: solid silver; margin: 10px; }
+    p { margin: 5px; }
+    .h { writing-mode: horizontal-tb; }
+    .v-lr { writing-mode: vertical-lr; }
+    .v-rl { writing-mode: vertical-rl; }
+    span, b { display: inline; } /* but because they're orthogonal, this will compute to inline-block */
+    </style>
+  </head>
+  <body>
+   <div class="h">
+    <p>The <span class="v-lr" id="test">quick <b>brown</b> fox</span> jumps over<br>the <b class="v-rl">lazy</b> dog.</p>
+   </div>
+   <div class="v-lr">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <div class="v-rl">
+    <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
+   </div>
+   <br>
+   <script>
+     /* this should append "inline-block" to the document, not "inline" */
+     document.write(window.getComputedStyle(document.querySelector("#test")).display);
+   </script>
+  </body>
+</html>
--- a/layout/reftests/writing-mode/reftest.list
+++ b/layout/reftests/writing-mode/reftest.list
@@ -100,16 +100,17 @@ HTTP(..) == 1127488-align-left-vertical-
 HTTP(..) == 1127488-align-right-vertical-lr-rtl.html 1127488-align-bottom-left-ref.html
 HTTP(..) == 1127488-align-default-vertical-lr-ltr.html 1127488-align-top-left-ref.html
 HTTP(..) == 1127488-align-start-vertical-lr-ltr.html 1127488-align-top-left-ref.html
 HTTP(..) == 1127488-align-end-vertical-lr-ltr.html 1127488-align-bottom-left-ref.html
 HTTP(..) == 1127488-align-left-vertical-lr-ltr.html 1127488-align-top-left-ref.html
 HTTP(..) == 1127488-align-right-vertical-lr-ltr.html 1127488-align-bottom-left-ref.html
 == 1131013-vertical-bidi.html 1131013-vertical-bidi-ref.html
 == 1134744-radio-checkbox-baseline-1.html 1134744-radio-checkbox-baseline-1-ref.html
+== 1134849-orthogonal-inline.html 1134849-orthogonal-inline-ref.html
 fails-if(B2G||Mulet) == 1135361-ruby-justify-1.html 1135361-ruby-justify-1-ref.html # bug 1136067 # Initial mulet triage: parity with B2G/B2G Desktop
 == 1136557-1-nested-spans.html 1136557-1-nested-spans-ref.html
 fuzzy-if(winWidget,255,69) == 1136557-2-nested-spans.html 1136557-2-nested-spans-ref.html
 == 1136557-3-nested-spans.html 1136557-3-nested-spans-ref.html
 
 # Font inflation behaves wrong in vertical writing mode: bug 1138495
 test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1a.html font-inflation-1-ref.html
 test-pref(dom.meta-viewport.enabled,true) test-pref(font.size.inflation.emPerLine,15) test-pref(font.size.inflation.forceEnabled,true) test-pref(font.size.inflation.lineThreshold,0) == font-inflation-1b.html font-inflation-1-ref.html