Bug 1105268 - Reftest for CSS min- and max- dimensions with vertical writing mode. r=smontagu
authorJonathan Kew <jkew@mozilla.com>
Thu, 27 Nov 2014 15:15:26 +0000
changeset 242186 e1bf6144960904a927ea64fe736d7e8398066a1a
parent 242185 92fa13bb42fa357f23fb2b78788180137983e2ef
child 242187 1e0e447828ec9f53faea43140a4de26865c9f221
push id4311
push userraliiev@mozilla.com
push dateMon, 12 Jan 2015 19:37:41 +0000
treeherdermozilla-beta@150c9fed433b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerssmontagu
bugs1105268
milestone36.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 1105268 - Reftest for CSS min- and max- dimensions with vertical writing mode. r=smontagu
layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html
layout/reftests/writing-mode/1105268-1-min-max-dimensions.html
layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html
layout/reftests/writing-mode/1105268-2-min-max-dimensions.html
layout/reftests/writing-mode/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-1-min-max-dimensions-ref.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  font: 12px monospace;
+  background: yellow;
+  overflow: hidden;
+}
+.test1 {
+  width: 180px;
+  height: 150px;
+}
+.test2 {
+  width: 150px;
+  height: 200px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+.rl {
+  writing-mode: vertical-rl;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test1 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test2 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-1-min-max-dimensions.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  font: 12px monospace;
+  background: yellow;
+  overflow: hidden;
+}
+.test1 {
+  min-width: 180px;
+  max-width: 180px;
+  min-height: 150px;
+  max-height: 150px;
+}
+.test2 {
+  min-width: 150px;
+  max-width: 150px;
+  min-height: 200px;
+  max-height: 200px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test1 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<div class="inner test2 lr">
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+</div>
+</div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-2-min-max-dimensions-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  overflow: hidden;
+  background: yellow;
+}
+.test1 {
+  width: 100px;
+  height: 150px;
+}
+.test2 {
+  width: 150px;
+  height: 100px;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1" src="foo">
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2" src="foo">
+</div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/writing-mode/1105268-2-min-max-dimensions.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+.wrapper {
+  display: inline-block;
+  vertical-align: top;
+  margin: 20px;
+}
+.outer {
+  height: 250px;
+  width: 200px;
+  border: 10px solid #ddd;
+}
+.inner {
+  overflow: hidden;
+  background: yellow;
+}
+.test1 {
+  min-width: 100px;
+  max-width: 100px;
+  min-height: 150px;
+  max-height: 150px;
+}
+.test2 {
+  min-width: 150px;
+  max-width: 150px;
+  min-height: 100px;
+  max-height: 100px;
+}
+.lr {
+  writing-mode: vertical-lr;
+}
+.rl {
+  writing-mode: vertical-rl;
+}
+</style>
+
+</head>
+
+<body>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1 lr" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test1 rl" src="foo">
+</div>
+</div>
+
+<br>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2 lr" src="foo">
+</div>
+</div>
+
+<div class="wrapper">
+<div class="outer">
+<img class="inner test2 rl" src="foo">
+</div>
+</div>
+
+</body>
+</html>
--- a/layout/reftests/writing-mode/reftest.list
+++ b/layout/reftests/writing-mode/reftest.list
@@ -20,8 +20,10 @@
 == 1091058-1.html 1091058-1-ref.html
 random-if(gtk2Widget) == 1094434-1.html 1094434-1-ref.html # bug 1094845
 random-if(gtk2Widget) == 1094434-2.html 1094434-2-ref.html # bug 1094845
 == 1094914-1a.html 1094914-1-ref.html
 == 1094914-1b.html 1094914-1-ref.html
 == 1096224-1a.html 1096224-1-ref.html
 == 1096224-1b.html 1096224-1-ref.html
 == 1103613-1.html 1103613-1-ref.html
+== 1105268-1-min-max-dimensions.html 1105268-1-min-max-dimensions-ref.html
+== 1105268-2-min-max-dimensions.html 1105268-2-min-max-dimensions-ref.html