Bug 1321703 - Reftest.
authorMats Palmgren <mats@mozilla.com>
Sat, 03 Dec 2016 18:53:56 +0100
changeset 325245 90ad2f05b90d1ca988f5105057cb1d6abf577b10
parent 325244 bd4568a3fd8bad6ff4d8797175209a61462cdca0
child 325246 84818f50b4f0b9afad86824b14924b44dc7e96e3
push id24
push usermaklebus@msu.edu
push dateTue, 20 Dec 2016 03:11:33 +0000
bugs1321703
milestone53.0a1
Bug 1321703 - Reftest.
layout/reftests/inline/inline-block-baseline-ref.html
layout/reftests/inline/inline-block-baseline.html
layout/reftests/inline/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+  background-color: lightgrey;
+  overflow: hidden;
+}
+.border { border: solid blue;  border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow"></div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow">X</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+  background-color: lightgrey;
+  overflow: hidden;
+}
+.border { border: solid blue;  border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="inline-block">
+  <div>
+      <div class="test border padding margin overflow"></div>
+  </div>
+</div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="inline-block">
+  <div>
+      <div class="test border padding margin overflow">X</div>
+  </div>
+</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
--- a/layout/reftests/inline/reftest.list
+++ b/layout/reftests/inline/reftest.list
@@ -1,7 +1,8 @@
 == zero-inline-block-margin-left.html zero-inline-block-margin-ref.html
 == zero-inline-block-margin-right.html zero-inline-block-margin-ref.html
 == zero-inline-block-margin-ref.html zero-inline-block-margin-ref2.html
 == inline-block-width.html zero-inline-block-margin-ref.html
 == inline-block-padding.html inline-block-width.html
 == inline-block-margin.html inline-block-width.html
 != inline-block-width.html inline-block-zero.html
+== inline-block-baseline.html inline-block-baseline-ref.html