summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/mixed-abspos-root
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/position-dynamic-changes/mixed-abspos-root')
-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-stylo.list19
-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-stylo.list5
-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-stylo.list5
-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-stylo.list5
-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-stylo.list5
-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-stylo.list5
-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-stylo.list5
-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-stylo.list5
-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
21 files changed, 240 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 000000000..157118c97
--- /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 000000000..9427edadd
--- /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 000000000..d47317996
--- /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 000000000..ec89af2f8
--- /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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest-stylo.list
new file mode 100644
index 000000000..2f9419814
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest-stylo.list
@@ -0,0 +1,19 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# This directory includes 7 different permutations of the same tests.
+# reftest_plain-stylo.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-stylo.list
+include reftest_border_abspos-stylo.list
+include reftest_border_parent-stylo.list
+include reftest_margin_abspos-stylo.list
+include reftest_margin_parent-stylo.list
+include reftest_padding_abspos-stylo.list
+include reftest_padding_parent-stylo.list
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 000000000..5f888a3ad
--- /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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos-stylo.list
new file mode 100644
index 000000000..16be2a746
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_abspos-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?border_abspos mixed-dimentionN.html?border_abspos
+== mixed-dimentionA.html?border_abspos mixed-dimentionA.html?border_abspos
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 000000000..50f7fd799
--- /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
+
+== mixed-dimentionN.html?border_abspos mixed-dimentionN-ref.html?border_abspos
+== 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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent-stylo.list
new file mode 100644
index 000000000..18837423c
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_border_parent-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?border_parent mixed-dimentionN.html?border_parent
+== mixed-dimentionA.html?border_parent mixed-dimentionA.html?border_parent
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 000000000..d91c20c80
--- /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
+
+== mixed-dimentionN.html?border_parent mixed-dimentionN-ref.html?border_parent
+== 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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos-stylo.list
new file mode 100644
index 000000000..6fd1d1298
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_abspos-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?margin_abspos mixed-dimentionN.html?margin_abspos
+== mixed-dimentionA.html?margin_abspos mixed-dimentionA.html?margin_abspos
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 000000000..291136470
--- /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
+
+== mixed-dimentionN.html?margin_abspos mixed-dimentionN-ref.html?margin_abspos
+== 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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent-stylo.list
new file mode 100644
index 000000000..694b02ac5
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_margin_parent-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?margin_parent mixed-dimentionN.html?margin_parent
+== mixed-dimentionA.html?margin_parent mixed-dimentionA.html?margin_parent
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 000000000..91e4d906c
--- /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
+
+== mixed-dimentionN.html?margin_parent mixed-dimentionN-ref.html?margin_parent
+== 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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos-stylo.list
new file mode 100644
index 000000000..ee39bf65b
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_abspos-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?padding_abspos mixed-dimentionN.html?padding_abspos
+== mixed-dimentionA.html?padding_abspos mixed-dimentionA.html?padding_abspos
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 000000000..b88c03e2e
--- /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
+
+== mixed-dimentionN.html?padding_abspos mixed-dimentionN-ref.html?padding_abspos
+== 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-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent-stylo.list
new file mode 100644
index 000000000..684d3eec6
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_padding_parent-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html?padding_parent mixed-dimentionN.html?padding_parent
+== mixed-dimentionA.html?padding_parent mixed-dimentionA.html?padding_parent
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 000000000..8571cb2d6
--- /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
+
+== mixed-dimentionN.html?padding_parent mixed-dimentionN-ref.html?padding_parent
+== mixed-dimentionA.html?padding_parent mixed-dimentionA-ref.html?padding_parent
diff --git a/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain-stylo.list b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain-stylo.list
new file mode 100644
index 000000000..d439f5029
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/mixed-abspos-root/reftest_plain-stylo.list
@@ -0,0 +1,5 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+# Please see the comment at the beginning of reftest-stylo.list
+
+== mixed-dimentionN.html mixed-dimentionN.html
+== mixed-dimentionA.html mixed-dimentionA.html
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 000000000..474456ef2
--- /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
+
+== mixed-dimentionN.html mixed-dimentionN-ref.html
+== 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 000000000..3b2c97320
--- /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;
+}