summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/mixed-abspos-root
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html21
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html38
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html21
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html38
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list18
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list4
-rw-r--r--layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css22
13 files changed, 186 insertions, 0 deletions
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html
new file mode 100644
index 0000000000..157118c979
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html id="parent">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ <style>
+ #child {
+ left: 300px;
+ top: 200px;
+ right: 20px;
+ bottom: 20px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="child">
+ <div class="floatLeft"></div>
+ <div class="floatLeft"></div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
new file mode 100644
index 0000000000..9427edadd7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionA.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html id="parent" class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ <style>
+ #child {
+ left: 100px;
+ top: 100px;
+ right: 20px;
+ bottom: 20px;
+ }
+ </style>
+ <script src="../horizontal/animate.js" type="text/javascript"></script>
+ <script type="text/javascript">
+ var counter = 0;
+ function play() {
+ if (counter < 100) {
+ var child = document.getElementById("child");
+ child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+ child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+ rfa(play);
+ counter += 10;
+ } else {
+ document.documentElement.removeAttribute("class");
+ }
+ }
+
+ window.onload = function() { rfa(play) };
+ </script>
+ </head>
+ <body>
+ <div id="child">
+ <div class="floatLeft"></div>
+ <div class="floatLeft"></div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html
new file mode 100644
index 0000000000..d47317996b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN-ref.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html id="parent">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ <style>
+ #child {
+ width: 100px;
+ height: 100px;
+ left: 300px;
+ top: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="child">
+ <div class="floatLeft"></div>
+ <div class="floatLeft"></div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
new file mode 100644
index 0000000000..ec89af2f8c
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/mixed-dimentionN.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html id="parent" class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="../handleprop.js" type="text/javascript"></script>
+ <style>
+ #child {
+ width: 100px;
+ height: 100px;
+ left: 100px;
+ top: 100px;
+ }
+ </style>
+ <script src="../horizontal/animate.js" type="text/javascript"></script>
+ <script type="text/javascript">
+ var counter = 0;
+ function play() {
+ if (counter < 100) {
+ var child = document.getElementById("child");
+ child.style.left = (parseInt(getComputedStyle(child, null).left.replace("px", "")) + 20) + "px";
+ child.style.top = (parseInt(getComputedStyle(child, null).top.replace("px", "")) + 10) + "px";
+ rfa(play);
+ counter += 10;
+ } else {
+ document.documentElement.removeAttribute("class");
+ }
+ }
+
+ window.onload = function() { rfa(play) };
+ </script>
+ </head>
+ <body>
+ <div id="child">
+ <div class="floatLeft"></div>
+ <div class="floatLeft"></div>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list
new file mode 100644
index 0000000000..5f888a3ad8
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest.list
@@ -0,0 +1,18 @@
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain.list is the manifest file for tests without any border, margin
+# or padding applied to either the abs-pos element or the parent.
+# reftest_{prop}_{element}.list files are the manifest files for tests with the
+# CSS property {prop} applied to {element}. These files use the query string
+# on the test file and the reference file to ask the code in ../handleprop.js add
+# the corresponding CSS style.
+
+# Any changes to the contents of the following files needs to be reflected on
+# all of them.
+
+include reftest_plain.list
+include reftest_border_abspos.list
+include reftest_border_parent.list
+include reftest_margin_abspos.list
+include reftest_margin_parent.list
+include reftest_padding_abspos.list
+include reftest_padding_parent.list
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list
new file mode 100644
index 0000000000..d564fa2bb7
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_abspos mixed-dimentionN-ref.html?border_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_abspos mixed-dimentionA-ref.html?border_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list
new file mode 100644
index 0000000000..60a1a3b4ec
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?border_parent mixed-dimentionN-ref.html?border_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?border_parent mixed-dimentionA-ref.html?border_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list
new file mode 100644
index 0000000000..f3c3647cde
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_abspos mixed-dimentionN-ref.html?margin_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_abspos mixed-dimentionA-ref.html?margin_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list
new file mode 100644
index 0000000000..23cc7121a9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?margin_parent mixed-dimentionN-ref.html?margin_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?margin_parent mixed-dimentionA-ref.html?margin_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list
new file mode 100644
index 0000000000..2283b6caa0
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_abspos mixed-dimentionN-ref.html?padding_abspos
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_abspos mixed-dimentionA-ref.html?padding_abspos
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list
new file mode 100644
index 0000000000..72d11338cb
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html?padding_parent mixed-dimentionN-ref.html?padding_parent
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html?padding_parent mixed-dimentionA-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list
new file mode 100644
index 0000000000..68d02c6982
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain.list
@@ -0,0 +1,4 @@
+# Please see the comment at the beginning of reftest.list
+
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionN.html mixed-dimentionN-ref.html
+fuzzy-if(geckoview,0-2,0-1382) == mixed-dimentionA.html mixed-dimentionA-ref.html
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css b/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css
new file mode 100644
index 0000000000..3b2c973206
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/style.css
@@ -0,0 +1,22 @@
+#parent {
+ position: relative;
+ width: 400px;
+ height: 400px;
+ background: red;
+ border: 0 solid black;
+}
+#child {
+ position: absolute;
+ left: 300px;
+ top: 200px;
+ right: 20px;
+ bottom: 20px;
+ background: blue;
+ border: 0 solid black;
+}
+.floatLeft {
+ width: 50px;
+ height: 10px;
+ background: green;
+ float: left;
+}