diff options
Diffstat (limited to 'layout/reftests/box-sizing')
21 files changed, 234 insertions, 0 deletions
diff --git a/layout/reftests/box-sizing/computed-size-reporting-ref.html b/layout/reftests/box-sizing/computed-size-reporting-ref.html new file mode 100644 index 000000000..f910417e5 --- /dev/null +++ b/layout/reftests/box-sizing/computed-size-reporting-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE HTML> +<meta charset=utf-8> +<title>Bug 520992</title> + +<style> + #borderBox { + background:gold; + height:100px; + box-sizing:border-box; + } + +</style> + +<div id="borderBox"></div> +<p id="heightWidth1"></p> + +<script> + var divs = document.getElementsByTagName("div"); + var textEle1 = document.getElementById("heightWidth1"); + textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height; + textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width; +</script> diff --git a/layout/reftests/box-sizing/computed-size-reporting.html b/layout/reftests/box-sizing/computed-size-reporting.html new file mode 100644 index 000000000..227ea2cfb --- /dev/null +++ b/layout/reftests/box-sizing/computed-size-reporting.html @@ -0,0 +1,23 @@ +<!DOCTYPE HTML> +<meta charset=utf-8> +<title>Bug 520992</title> + +<style> + #borderBox { + background:gold; + height:100px; + box-sizing:border-box; + border: 20px solid gold; + } + +</style> + +<div id="borderBox"></div> +<p id="heightWidth1"></p> + +<script> + var divs = document.getElementsByTagName("div"); + var textEle1 = document.getElementById("heightWidth1"); + textEle1.innerHTML += "height = " + getComputedStyle(divs[0]).height; + textEle1.innerHTML += ", width = " + getComputedStyle(divs[0]).width; +</script> diff --git a/layout/reftests/box-sizing/intrinsic-1-ref.html b/layout/reftests/box-sizing/intrinsic-1-ref.html new file mode 100644 index 000000000..d808239f2 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; width: 200px; + height: 200px"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1a.html b/layout/reftests/box-sizing/intrinsic-1a.html new file mode 100644 index 000000000..2a678176d --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1a.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: 30px; + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1b.html b/layout/reftests/box-sizing/intrinsic-1b.html new file mode 100644 index 000000000..0bb5af75f --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1b.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; height: 200px"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: 15% 30px; + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1c.html b/layout/reftests/box-sizing/intrinsic-1c.html new file mode 100644 index 000000000..43febc053 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1c.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: 30px; border: 20px solid; + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1d.html b/layout/reftests/box-sizing/intrinsic-1d.html new file mode 100644 index 000000000..08a982ff0 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1d.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; height: 200px"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: calc(15%) 30px; + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1e.html b/layout/reftests/box-sizing/intrinsic-1e.html new file mode 100644 index 000000000..c27cab66a --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1e.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; height: 200px"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: calc(10% + 10px) 30px; + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1f.html b/layout/reftests/box-sizing/intrinsic-1f.html new file mode 100644 index 000000000..a273761ab --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1f.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue"> + <img src="lime100x100.png" + style="height: 200px; display: block; visibility: hidden; + padding: calc(30px); + box-sizing: border-box;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1g.html b/layout/reftests/box-sizing/intrinsic-1g.html new file mode 100644 index 000000000..272d76720 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1g.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 40px transparent solid"> + <img src="lime100x100.png" + style="height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1h.html b/layout/reftests/box-sizing/intrinsic-1h.html new file mode 100644 index 000000000..55663f163 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1h.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + height: 120px; + border: 40px transparent solid"> + <img src="lime100x100.png" + style="height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1i.html b/layout/reftests/box-sizing/intrinsic-1i.html new file mode 100644 index 000000000..6d46b3d48 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1i.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 25px transparent solid"> + <div style="height: 100%; box-sizing: border-box; + border: 15px transparent solid;"> + <img src="lime100x100.png" + style="height: 100%; display: block; visibility: hidden;"> + </div> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1j.html b/layout/reftests/box-sizing/intrinsic-1j.html new file mode 100644 index 000000000..ca398338a --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1j.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 40px transparent solid"> + <!-- We need to be taller than intrinsic height, so use a min-height --> + <img src="lime100x100.png" + style="min-height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1k.html b/layout/reftests/box-sizing/intrinsic-1k.html new file mode 100644 index 000000000..8ebaa24b9 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1k.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + height: 120px; + border: 40px transparent solid"> + <!-- We need to be taller than intrinsic height, so use a min-height --> + <img src="lime100x100.png" + style="min-height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1l.html b/layout/reftests/box-sizing/intrinsic-1l.html new file mode 100644 index 000000000..38f4cef8b --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1l.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 25px transparent solid"> + <div style="height: 100%; box-sizing: border-box; + border: 15px transparent solid;"> + <!-- We need to be taller than intrinsic height, so use a min-height --> + <img src="lime100x100.png" + style="min-height: 100%; display: block; visibility: hidden;"> + </div> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1m.html b/layout/reftests/box-sizing/intrinsic-1m.html new file mode 100644 index 000000000..09dbc75bb --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1m.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 80px transparent solid"> + <!-- We need to be shorter than intrinsic height, so use a max-height --> + <img src="lime100x100.png" + style="max-height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1n.html b/layout/reftests/box-sizing/intrinsic-1n.html new file mode 100644 index 000000000..5328e03ab --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1n.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + height: 40px; + border: 80px transparent solid"> + <!-- We need to be shorter than intrinsic height, so use a max-height --> + <img src="lime100x100.png" + style="max-height: 100%; display: block; visibility: hidden;"> + </div> +</body> diff --git a/layout/reftests/box-sizing/intrinsic-1o.html b/layout/reftests/box-sizing/intrinsic-1o.html new file mode 100644 index 000000000..a46330705 --- /dev/null +++ b/layout/reftests/box-sizing/intrinsic-1o.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<body> + <div style="display: inline-block; background: blue; + box-sizing: border-box; height: 200px; + border: 50px transparent solid"> + <div style="height: 100%; box-sizing: border-box; + border: 30px transparent solid;"> + <!-- We need to be shorter than intrinsic height, so use a max-height --> + <img src="lime100x100.png" + style="max-height: 100%; display: block; visibility: hidden;"> + </div> + </div> +</body> diff --git a/layout/reftests/box-sizing/lime100x100.png b/layout/reftests/box-sizing/lime100x100.png Binary files differnew file mode 100644 index 000000000..c9bb37594 --- /dev/null +++ b/layout/reftests/box-sizing/lime100x100.png diff --git a/layout/reftests/box-sizing/reftest-stylo.list b/layout/reftests/box-sizing/reftest-stylo.list new file mode 100644 index 000000000..14f284397 --- /dev/null +++ b/layout/reftests/box-sizing/reftest-stylo.list @@ -0,0 +1,17 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +== intrinsic-1a.html intrinsic-1a.html +== intrinsic-1b.html intrinsic-1b.html +== intrinsic-1c.html intrinsic-1c.html +== intrinsic-1d.html intrinsic-1d.html +== intrinsic-1e.html intrinsic-1e.html +== intrinsic-1f.html intrinsic-1f.html +== intrinsic-1g.html intrinsic-1g.html +== intrinsic-1h.html intrinsic-1h.html +== intrinsic-1i.html intrinsic-1i.html +== intrinsic-1j.html intrinsic-1j.html +== intrinsic-1k.html intrinsic-1k.html +== intrinsic-1l.html intrinsic-1l.html +== intrinsic-1m.html intrinsic-1m.html +== intrinsic-1n.html intrinsic-1n.html +== intrinsic-1o.html intrinsic-1o.html +== computed-size-reporting.html computed-size-reporting.html diff --git a/layout/reftests/box-sizing/reftest.list b/layout/reftests/box-sizing/reftest.list new file mode 100644 index 000000000..db1e69a66 --- /dev/null +++ b/layout/reftests/box-sizing/reftest.list @@ -0,0 +1,16 @@ +== intrinsic-1a.html intrinsic-1-ref.html +== intrinsic-1b.html intrinsic-1-ref.html +== intrinsic-1c.html intrinsic-1-ref.html +== intrinsic-1d.html intrinsic-1-ref.html +== intrinsic-1e.html intrinsic-1-ref.html +== intrinsic-1f.html intrinsic-1-ref.html +== intrinsic-1g.html intrinsic-1-ref.html +== intrinsic-1h.html intrinsic-1-ref.html +== intrinsic-1i.html intrinsic-1-ref.html +== intrinsic-1j.html intrinsic-1-ref.html +== intrinsic-1k.html intrinsic-1-ref.html +== intrinsic-1l.html intrinsic-1-ref.html +== intrinsic-1m.html intrinsic-1-ref.html +== intrinsic-1n.html intrinsic-1-ref.html +== intrinsic-1o.html intrinsic-1-ref.html +== computed-size-reporting.html computed-size-reporting-ref.html |
