Bug 1422839 part 4 - Reftest for 'overflow-clip-box' properties. r=test-only
☠☠ backed out by 3942ce38b1f6 ☠ ☠
authorMats Palmgren <mats@mozilla.com>
Mon, 04 Dec 2017 16:28:00 +0200
changeset 394993 ff9d1a10cb0b1fd91297491ed6c5ae01d4a09a5e
parent 394992 fc039432e4a62acd234c115025f1955d3d3d3ab2
child 394994 4bc8cdd5e71658e3954bab1f104c42b370c6ed12
push id97988
push usernerli@mozilla.com
push dateTue, 05 Dec 2017 14:08:41 +0000
treeherdermozilla-inbound@ff9d1a10cb0b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstest-only
bugs1422839
milestone59.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 1422839 part 4 - Reftest for 'overflow-clip-box' properties. r=test-only
layout/reftests/box-properties/overflow-clip-box-1-ref.html
layout/reftests/box-properties/overflow-clip-box-1.html
layout/reftests/box-properties/overflow-clip-box-2-ref.html
layout/reftests/box-properties/overflow-clip-box-2.html
layout/reftests/box-properties/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-1-ref.html
@@ -0,0 +1,99 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  white-space: pre;
+  overflow: hidden;
+  border: 1px solid;
+  width: 100px;
+  height: 100px;
+}
+.h > div { height: 120px; }
+.w > div { width: 120px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+}
+
+.float { float: left; }
+
+x {
+  display: block;
+  overflow: hidden;
+  padding-left: 50px;
+  padding-top: 50px;
+  width: 50px;
+  height: 50px;
+}
+
+.w x { width: 20px; }
+.h x { height: 20px; }
+.w.h x {
+  background-color: lime;
+  background-clip: content-box;
+  overflow: visible;
+}
+y {
+  display: block;
+  overflow: hidden;
+  width: 20px;
+  height: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div><x><c></c></x></div>
+<div></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float h">
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w">
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w h">
+<div><x><y style="height:70px; width:70px"><c></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+<div><x><y style="height:70px"><c></c></y></x></div>
+<div><x><y style="width:70px"><c></c></y></x></div>
+<div><x><y style="height:70px; width:70px"><c></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+</span>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-1.html
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  padding: 50px;
+  white-space: pre;
+  overflow: hidden;
+  background-color: lime;
+  background-clip: content-box;
+  border: 1px solid;
+}
+
+.float { float: left; }
+.w > div { width: 20px; }
+.h > div { height: 20px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+}
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-2-ref.html
@@ -0,0 +1,101 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  white-space: pre;
+  overflow: hidden;
+  border: 1px solid;
+  width: 100px;
+  height: 100px;
+  direction: rtl;
+}
+.h > div { height: 120px; }
+.w > div { width: 120px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+  margin-top: -10px;
+}
+
+.float { float: left; }
+
+x {
+  display: block;
+  overflow: hidden;
+  padding-right: 50px;
+  padding-top: 50px;
+  width: 50px;
+  height: 50px;
+}
+
+.w x { width: 20px; }
+.h x { height: 20px; }
+.w.h x {
+  background-color: lime;
+  background-clip: content-box;
+  overflow: visible;
+}
+y {
+  display: block;
+  overflow: hidden;
+  width: 20px;
+  height: 20px;
+}
+
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div><x><c></c></x></div>
+<div></div>
+<div></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float h">
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+<div></div>
+<div><x style="height:20px"><c style="margin:0; border-top-width:0"></c></x></div>
+<div><x style="height:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w">
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+<div><x><c></c></x></div>
+<div></div>
+<div><x style="width:70px"><c></c></x></div>
+<div></div>
+</span>
+
+<span class="float w h">
+<div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+<div><x><y style="height:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y style="width:70px"><c></c></y></x></div>
+<div><x><y style="height:70px; width:70px; margin-top:-10px"><c style="margin-top:0px"></c></y></x></div>
+<div><x><y><c></c></y></x></div>
+</span>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/box-properties/overflow-clip-box-2.html
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1422839</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; line-height:1; padding:0; margin:0;
+}
+
+div {
+  width: 0;
+  height: 0;
+  padding: 50px;
+  white-space: pre;
+  overflow: hidden;
+  background-color: lime;
+  background-clip: content-box;
+  border: 1px solid;
+  direction: rtl;
+}
+
+.float { float: left; }
+.w > div { width: 20px; }
+.h > div { height: 20px; }
+
+c {
+  display: block;
+  width: 100px;
+  height: 40px;
+  border: 1px solid black;
+  margin-top: -10px;
+}
+  </style>
+</head>
+<body>
+
+<span class="float">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+<span class="float w h">
+<div style="overflow-clip-box: padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box"><c></c></div>
+<div style="overflow-clip-box: padding-box content-box"><c></c></div>
+<div style="overflow-clip-box: content-box padding-box"><c></c></div>
+<div style="overflow-clip-box: padding-box padding-box"><c></c></div>
+<div style="overflow-clip-box: content-box content-box"><c></c></div>
+</span>
+
+</body>
+</html>
--- a/layout/reftests/box-properties/reftest.list
+++ b/layout/reftests/box-properties/reftest.list
@@ -23,8 +23,10 @@
 == abspos-replaced-width-offset-margin.html abspos-replaced-width-offset-margin-ref.html
 == CSS21-t100301.xhtml CSS21-t100301-ref.xhtml
 == CSS21-t100303.xhtml CSS21-t100303-ref.xhtml
 == CSS21-t100303-simple.xhtml CSS21-t100303-ref.xhtml
 == CSS21-t100801-vertical-align.xhtml CSS21-t100801-vertical-align-ref.xhtml
 == clip-auto.html clip-auto-ref.html
 == clip-rect-auto.html clip-rect-auto-ref.html
 == width-rounding.html width-rounding-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == overflow-clip-box-1.html overflow-clip-box-1-ref.html
+pref(layout.css.overflow-clip-box.enabled,true) == overflow-clip-box-2.html overflow-clip-box-2-ref.html