diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /layout/reftests/box-sizing | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/box-sizing')
22 files changed, 228 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 0000000000..f910417e59 --- /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 0000000000..227ea2cfbd --- /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/html-hr-1-ref.html b/layout/reftests/box-sizing/html-hr-1-ref.html new file mode 100644 index 0000000000..4108e13172 --- /dev/null +++ b/layout/reftests/box-sizing/html-hr-1-ref.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<body> + <div style="border: 1px solid black; background-color: blue; height: 10px;"></div> +</body> diff --git a/layout/reftests/box-sizing/html-hr-1.html b/layout/reftests/box-sizing/html-hr-1.html new file mode 100644 index 0000000000..774510735e --- /dev/null +++ b/layout/reftests/box-sizing/html-hr-1.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<body> + <hr style="border: 1px solid black; background-color: blue; height: 10px;"> +</body> 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 0000000000..d808239f2b --- /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 0000000000..2a678176dd --- /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 0000000000..0bb5af75f3 --- /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 0000000000..43febc053e --- /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 0000000000..08a982ff0c --- /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 0000000000..c27cab66a1 --- /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 0000000000..a273761ab5 --- /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 0000000000..272d76720e --- /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 0000000000..55663f1636 --- /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 0000000000..6d46b3d488 --- /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 0000000000..ca398338ab --- /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 0000000000..8ebaa24b91 --- /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 0000000000..38f4cef8b7 --- /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 0000000000..09dbc75bb9 --- /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 0000000000..5328e03ab6 --- /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 0000000000..a463307057 --- /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 0000000000..c9bb375943 --- /dev/null +++ b/layout/reftests/box-sizing/lime100x100.png diff --git a/layout/reftests/box-sizing/reftest.list b/layout/reftests/box-sizing/reftest.list new file mode 100644 index 0000000000..ca4b191018 --- /dev/null +++ b/layout/reftests/box-sizing/reftest.list @@ -0,0 +1,19 @@ +== 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 + +== html-hr-1.html html-hr-1-ref.html + |
