summaryrefslogtreecommitdiffstats
path: root/layout/reftests/box-sizing
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/box-sizing/computed-size-reporting-ref.html22
-rw-r--r--layout/reftests/box-sizing/computed-size-reporting.html23
-rw-r--r--layout/reftests/box-sizing/html-hr-1-ref.html4
-rw-r--r--layout/reftests/box-sizing/html-hr-1.html4
-rw-r--r--layout/reftests/box-sizing/intrinsic-1-ref.html6
-rw-r--r--layout/reftests/box-sizing/intrinsic-1a.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1b.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1c.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1d.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1e.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1f.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1g.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1h.html9
-rw-r--r--layout/reftests/box-sizing/intrinsic-1i.html12
-rw-r--r--layout/reftests/box-sizing/intrinsic-1j.html10
-rw-r--r--layout/reftests/box-sizing/intrinsic-1k.html10
-rw-r--r--layout/reftests/box-sizing/intrinsic-1l.html13
-rw-r--r--layout/reftests/box-sizing/intrinsic-1m.html10
-rw-r--r--layout/reftests/box-sizing/intrinsic-1n.html10
-rw-r--r--layout/reftests/box-sizing/intrinsic-1o.html13
-rw-r--r--layout/reftests/box-sizing/lime100x100.pngbin0 -> 232 bytes
-rw-r--r--layout/reftests/box-sizing/reftest.list19
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
new file mode 100644
index 0000000000..c9bb375943
--- /dev/null
+++ b/layout/reftests/box-sizing/lime100x100.png
Binary files differ
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
+