diff options
Diffstat (limited to 'layout/reftests/position-dynamic-changes/mixed-abspos-root')
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; +} |