summaryrefslogtreecommitdiffstats
path: root/layout/reftests/box-sizing
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/box-sizing
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/box-sizing')
-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/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-stylo.list17
-rw-r--r--layout/reftests/box-sizing/reftest.list16
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
new file mode 100644
index 000000000..c9bb37594
--- /dev/null
+++ b/layout/reftests/box-sizing/lime100x100.png
Binary files differ
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