summaryrefslogtreecommitdiffstats
path: root/layout/reftests/position-dynamic-changes/relative
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/position-dynamic-changes/relative
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/position-dynamic-changes/relative')
-rw-r--r--layout/reftests/position-dynamic-changes/relative/animate.js30
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html12
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html13
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html17
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-right-bottom.html16
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html12
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html13
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-top-left-table.html17
-rw-r--r--layout/reftests/position-dynamic-changes/relative/move-top-left.html16
-rw-r--r--layout/reftests/position-dynamic-changes/relative/percent-ref.html12
-rw-r--r--layout/reftests/position-dynamic-changes/relative/percent.html20
-rw-r--r--layout/reftests/position-dynamic-changes/relative/reftest-stylo.list8
-rw-r--r--layout/reftests/position-dynamic-changes/relative/reftest.list5
-rw-r--r--layout/reftests/position-dynamic-changes/relative/style.css9
14 files changed, 200 insertions, 0 deletions
diff --git a/layout/reftests/position-dynamic-changes/relative/animate.js b/layout/reftests/position-dynamic-changes/relative/animate.js
new file mode 100644
index 000000000..38598e1d3
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/animate.js
@@ -0,0 +1,30 @@
+var rfa = null;
+if (window.requestAnimationFrame) {
+ rfa = requestAnimationFrame;
+} else if (window.webkitRequestAnimationFrame) {
+ rfa = webkitRequestAnimationFrame;
+} else if (window.msRequestAnimationFrame) {
+ rfa = msRequestAnimationFrame;
+} else if (window.oRequestAnimationFrame) {
+ rfa = oRequestAnimationFrame;
+}
+
+function animate(params, count) {
+ rfa(function() {
+ animateStep(params, count);
+ });
+}
+
+function animateStep(params, count) {
+ if (!count) {
+ document.documentElement.removeAttribute("class");
+ return;
+ }
+ var rel = document.getElementById("rel");
+ for (prop in params) {
+ rel.style[prop] = (parseInt(rel.style[prop]) + params[prop]) + "px";
+ }
+ rfa(function() {
+ animateStep(params, count - 10);
+ });
+}
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html
new file mode 100644
index 000000000..8e364b367
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container"
+ >surrounding <span id="rel"
+ style="left: 200px; top: 100px;"
+ >position&#10;relative</span> text</div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html
new file mode 100644
index 000000000..82f522596
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container">
+ <table id="rel" style="left: 200px; top: 100px;">
+ <tr><td>position&#10;relative</td></tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html
new file mode 100644
index 000000000..a2df018d4
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom-table.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="container">
+ <table id="rel" style="left: 0; top: 0;">
+ <tr><td>position&#10;relative</td></tr>
+ </table>
+ </div>
+ <script>
+ animate({top: 10, left: 20}, 100);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html b/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html
new file mode 100644
index 000000000..f283f3ace
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-right-bottom.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="container"
+ >surrounding <span id="rel"
+ style="left: 0; top: 0;"
+ >position&#10;relative</span> text</div>
+ <script>
+ animate({top: 10, left: 20}, 100);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html
new file mode 100644
index 000000000..48f0a8d1d
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container"
+ >surrounding <span id="rel"
+ style="right: -200px; bottom: -300px;"
+ >position&#10;relative</span> text</div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html
new file mode 100644
index 000000000..748e1d7ee
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-table-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container">
+ <table id="rel" style="right: -200px; bottom: -300px;">
+ <tr><td>position&#10;relative</td></tr>
+ </table>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html b/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html
new file mode 100644
index 000000000..e9eb3a981
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left-table.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="container">
+ <table id="rel" style="right: -400px; bottom: -400px;">
+ <tr><td>position&#10;relative</td></tr>
+ </table>
+ </div>
+ <script>
+ animate({bottom: 10, right: 20}, 100);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/move-top-left.html b/layout/reftests/position-dynamic-changes/relative/move-top-left.html
new file mode 100644
index 000000000..ec92ea439
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/move-top-left.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <script src="animate.js" type="text/javascript"></script>
+ </head>
+ <body>
+ <div id="container"
+ >surrounding <span id="rel"
+ style="right: -400px; bottom: -400px;"
+ >position&#10;relative</span> text</div>
+ <script>
+ animate({bottom: 10, right: 20}, 100);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/percent-ref.html b/layout/reftests/position-dynamic-changes/relative/percent-ref.html
new file mode 100644
index 000000000..cb496b0b5
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/percent-ref.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container" style="border-width: 10px; padding: 50px"
+ >surrounding <span id="rel"
+ style="left: 50%; top: 50%;"
+ >position&#10;relative</span> text</div>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/percent.html b/layout/reftests/position-dynamic-changes/relative/percent.html
new file mode 100644
index 000000000..4f192c68a
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/percent.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <div id="container" style="border-width: 10px; padding: 50px"
+ >surrounding <span id="rel"
+ style="left: 0; top: 0;"
+ >position&#10;relative</span> text</div>
+ <script>
+ document.addEventListener("MozReftestInvalidate", function() {
+ var rel = document.getElementById("rel");
+ rel.style.top = "50%";
+ rel.style.left = "50%";
+ document.documentElement.removeAttribute("class");
+ }, false);
+ </script>
+ </body>
+</html>
diff --git a/layout/reftests/position-dynamic-changes/relative/reftest-stylo.list b/layout/reftests/position-dynamic-changes/relative/reftest-stylo.list
new file mode 100644
index 000000000..a0a93c4fc
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/reftest-stylo.list
@@ -0,0 +1,8 @@
+# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
+fuzzy-if(cocoaWidget,1,2) fuzzy-if(d2d,47,26) fuzzy-if(asyncPan&&!layersGPUAccelerated,121,614) == move-right-bottom.html move-right-bottom.html
+fuzzy-if(cocoaWidget,1,2) fuzzy-if(asyncPan&&!layersGPUAccelerated,121,614) == move-top-left.html move-top-left.html
+# Bug 688545
+fuzzy-if(cocoaWidget,1,3) fuzzy-if(asyncPan&&!layersGPUAccelerated,121,497) == move-right-bottom-table.html move-right-bottom-table.html
+fuzzy-if(cocoaWidget,1,3) fuzzy-if(asyncPan&&!layersGPUAccelerated,121,497) == move-top-left-table.html move-top-left-table.html
+# Bug 688545
+== percent.html percent.html
diff --git a/layout/reftests/position-dynamic-changes/relative/reftest.list b/layout/reftests/position-dynamic-changes/relative/reftest.list
new file mode 100644
index 000000000..f4a02bcd9
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/reftest.list
@@ -0,0 +1,5 @@
+fuzzy-if(cocoaWidget,1,2) fuzzy-if(d2d,47,26) fuzzy-if(asyncPan&&!layersGPUAccelerated,140,716) == move-right-bottom.html move-right-bottom-ref.html
+fuzzy-if(cocoaWidget,1,2) fuzzy-if(asyncPan&&!layersGPUAccelerated,140,716) == move-top-left.html move-top-left-ref.html # Bug 688545
+fuzzy-if(cocoaWidget,1,3) fuzzy-if(asyncPan&&!layersGPUAccelerated,140,580) == move-right-bottom-table.html move-right-bottom-table-ref.html
+fuzzy-if(cocoaWidget,1,3) fuzzy-if(asyncPan&&!layersGPUAccelerated,140,580) == move-top-left-table.html move-top-left-table-ref.html # Bug 688545
+== percent.html percent-ref.html
diff --git a/layout/reftests/position-dynamic-changes/relative/style.css b/layout/reftests/position-dynamic-changes/relative/style.css
new file mode 100644
index 000000000..92a977bff
--- /dev/null
+++ b/layout/reftests/position-dynamic-changes/relative/style.css
@@ -0,0 +1,9 @@
+#container {
+ width: 400px;
+ height: 400px;
+ border: 1px solid red;
+}
+#rel {
+ white-space: pre;
+ position: relative;
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-28 05:01:18 +0000