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