summaryrefslogtreecommitdiffstats
path: root/layout/reftests/inline
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
commit6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
treea68f146d7fa01f0134297619fbe7e33db084e0aa /layout/reftests/inline
parentInitial commit. (diff)
downloadthunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz
thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r--layout/reftests/inline-borderpadding/left-ltr-ref.html10
-rw-r--r--layout/reftests/inline-borderpadding/left-rtl-ref.html10
-rw-r--r--layout/reftests/inline-borderpadding/ltr-basic.html19
-rw-r--r--layout/reftests/inline-borderpadding/ltr-ib.html19
-rw-r--r--layout/reftests/inline-borderpadding/ltr-span-only-ib.html19
-rw-r--r--layout/reftests/inline-borderpadding/ltr-span-only.html19
-rw-r--r--layout/reftests/inline-borderpadding/reftest.list8
-rw-r--r--layout/reftests/inline-borderpadding/right-ltr-ref.html10
-rw-r--r--layout/reftests/inline-borderpadding/right-rtl-ref.html10
-rw-r--r--layout/reftests/inline-borderpadding/rtl-basic.html19
-rw-r--r--layout/reftests/inline-borderpadding/rtl-ib.html19
-rw-r--r--layout/reftests/inline-borderpadding/rtl-span-only-ib.html19
-rw-r--r--layout/reftests/inline-borderpadding/rtl-span-only.html19
-rw-r--r--layout/reftests/inline/inline-block-baseline-ref.html28
-rw-r--r--layout/reftests/inline/inline-block-baseline.html36
-rw-r--r--layout/reftests/inline/inline-block-margin.html6
-rw-r--r--layout/reftests/inline/inline-block-padding.html6
-rw-r--r--layout/reftests/inline/inline-block-width.html6
-rw-r--r--layout/reftests/inline/inline-block-zero.html3
-rw-r--r--layout/reftests/inline/reftest.list8
-rw-r--r--layout/reftests/inline/zero-inline-block-margin-left.html6
-rw-r--r--layout/reftests/inline/zero-inline-block-margin-ref.html6
-rw-r--r--layout/reftests/inline/zero-inline-block-margin-ref2.html6
-rw-r--r--layout/reftests/inline/zero-inline-block-margin-right.html6
24 files changed, 317 insertions, 0 deletions
diff --git a/layout/reftests/inline-borderpadding/left-ltr-ref.html b/layout/reftests/inline-borderpadding/left-ltr-ref.html
new file mode 100644
index 0000000000..b56b5c0a71
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/left-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <body>
+ <div>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+ <br>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/left-rtl-ref.html b/layout/reftests/inline-borderpadding/left-rtl-ref.html
new file mode 100644
index 0000000000..90be5d49ab
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/left-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <body>
+ <div>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-basic.html b/layout/reftests/inline-borderpadding/ltr-basic.html
new file mode 100644
index 0000000000..3e74bf9bbf
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-basic.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div><span>One<br>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-ib.html b/layout/reftests/inline-borderpadding/ltr-ib.html
new file mode 100644
index 0000000000..1be81aa6aa
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div><span>One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-span-only-ib.html b/layout/reftests/inline-borderpadding/ltr-span-only-ib.html
new file mode 100644
index 0000000000..fdf311bae8
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-span-only-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div class="r"><span class="l">One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/ltr-span-only.html b/layout/reftests/inline-borderpadding/ltr-span-only.html
new file mode 100644
index 0000000000..c8bef7f1f5
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/ltr-span-only.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div class="r"><span class="l">One<br>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/reftest.list b/layout/reftests/inline-borderpadding/reftest.list
new file mode 100644
index 0000000000..94c8b55ddd
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/reftest.list
@@ -0,0 +1,8 @@
+== ltr-basic.html left-ltr-ref.html
+== rtl-basic.html right-rtl-ref.html
+== rtl-span-only.html left-rtl-ref.html
+== ltr-span-only.html right-ltr-ref.html
+== ltr-ib.html left-ltr-ref.html
+== rtl-ib.html right-rtl-ref.html
+== rtl-span-only-ib.html left-rtl-ref.html
+== ltr-span-only-ib.html right-ltr-ref.html
diff --git a/layout/reftests/inline-borderpadding/right-ltr-ref.html b/layout/reftests/inline-borderpadding/right-ltr-ref.html
new file mode 100644
index 0000000000..a8ccab45cb
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/right-ltr-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <body>
+ <div style="direction: rtl">
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">One</span>
+ <br>
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/right-rtl-ref.html b/layout/reftests/inline-borderpadding/right-rtl-ref.html
new file mode 100644
index 0000000000..c97d782f7a
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/right-rtl-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+ <body>
+ <div style="direction: rtl">
+ <span style="border: 2px solid; border-left-style: none; padding-right: 10px; margin-right: 60px;">One</span>
+ <br>
+ <span style="border: 2px solid; border-right-style: none; padding-left: 5px; margin-left: 30px;">Two</span>
+ </div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-basic.html b/layout/reftests/inline-borderpadding/rtl-basic.html
new file mode 100644
index 0000000000..1bca96bf1a
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-basic.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div class="r"><span>One<br>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-ib.html b/layout/reftests/inline-borderpadding/rtl-ib.html
new file mode 100644
index 0000000000..6b52ab176c
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div class="r"><span>One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-span-only-ib.html b/layout/reftests/inline-borderpadding/rtl-span-only-ib.html
new file mode 100644
index 0000000000..6746f72b7d
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-span-only-ib.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div><span class="r">One<div></div>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline-borderpadding/rtl-span-only.html b/layout/reftests/inline-borderpadding/rtl-span-only.html
new file mode 100644
index 0000000000..30d302cc50
--- /dev/null
+++ b/layout/reftests/inline-borderpadding/rtl-span-only.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>CSS 2.1 Test Suite: handling of blocks inside inlines</title>
+ <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" />
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"/>
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/>
+ <meta name="flags" content="" />
+ <style>
+ .r { direction: rtl; }
+ .l { direction: ltr; }
+ span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
+ </style>
+ </head>
+ <body>
+ <div><span class="r">One<br>Two</span></div>
+ </body>
+</html>
diff --git a/layout/reftests/inline/inline-block-baseline-ref.html b/layout/reftests/inline/inline-block-baseline-ref.html
new file mode 100644
index 0000000000..80d5319dc2
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+ background-color: lightgrey;
+ overflow: hidden;
+}
+.border { border: solid blue; border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow"></div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="test inline-block margin border padding overflow">X</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
diff --git a/layout/reftests/inline/inline-block-baseline.html b/layout/reftests/inline/inline-block-baseline.html
new file mode 100644
index 0000000000..9d1ef23890
--- /dev/null
+++ b/layout/reftests/inline/inline-block-baseline.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html><head>
+<style>
+.inline-block { display: inline-block; }
+.test {
+ background-color: lightgrey;
+ overflow: hidden;
+}
+.border { border: solid blue; border-width: 1px 3px 5px 7px; }
+.padding { padding: 10px; }
+.margin { margin: 1px 3px 5px 7px; }
+</style>
+
+</head><body>
+
+The boxes should align vertically:
+<div class="inline-block">
+ <div>
+ <div class="test border padding margin overflow"></div>
+ </div>
+</div>
+
+<div class="test inline-block margin border padding overflow"></div>
+
+<br>
+
+The boxes should align vertically:
+<div class="inline-block">
+ <div>
+ <div class="test border padding margin overflow">X</div>
+ </div>
+</div>
+
+<div class="test inline-block margin border padding overflow">X</div>
+
+</body></html>
diff --git a/layout/reftests/inline/inline-block-margin.html b/layout/reftests/inline/inline-block-margin.html
new file mode 100644
index 0000000000..476f13df7c
--- /dev/null
+++ b/layout/reftests/inline/inline-block-margin.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; padding-right: 100px }
+</style>
+<span>hello&nbsp;</span>world
diff --git a/layout/reftests/inline/inline-block-padding.html b/layout/reftests/inline/inline-block-padding.html
new file mode 100644
index 0000000000..476f13df7c
--- /dev/null
+++ b/layout/reftests/inline/inline-block-padding.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; padding-right: 100px }
+</style>
+<span>hello&nbsp;</span>world
diff --git a/layout/reftests/inline/inline-block-width.html b/layout/reftests/inline/inline-block-width.html
new file mode 100644
index 0000000000..e0ebb9b081
--- /dev/null
+++ b/layout/reftests/inline/inline-block-width.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 100px }
+</style>
+hello <span></span>world
diff --git a/layout/reftests/inline/inline-block-zero.html b/layout/reftests/inline/inline-block-zero.html
new file mode 100644
index 0000000000..ec0166be49
--- /dev/null
+++ b/layout/reftests/inline/inline-block-zero.html
@@ -0,0 +1,3 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+hello world
diff --git a/layout/reftests/inline/reftest.list b/layout/reftests/inline/reftest.list
new file mode 100644
index 0000000000..c3bcfdf14f
--- /dev/null
+++ b/layout/reftests/inline/reftest.list
@@ -0,0 +1,8 @@
+== zero-inline-block-margin-left.html zero-inline-block-margin-ref.html
+== zero-inline-block-margin-right.html zero-inline-block-margin-ref.html
+== zero-inline-block-margin-ref.html zero-inline-block-margin-ref2.html
+== inline-block-width.html zero-inline-block-margin-ref.html
+== inline-block-padding.html inline-block-width.html
+== inline-block-margin.html inline-block-width.html
+!= inline-block-width.html inline-block-zero.html
+== inline-block-baseline.html inline-block-baseline-ref.html
diff --git a/layout/reftests/inline/zero-inline-block-margin-left.html b/layout/reftests/inline/zero-inline-block-margin-left.html
new file mode 100644
index 0000000000..ac13d0b397
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-left.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 0; margin-left: 100px }
+</style>
+hello <span></span>world
diff --git a/layout/reftests/inline/zero-inline-block-margin-ref.html b/layout/reftests/inline/zero-inline-block-margin-ref.html
new file mode 100644
index 0000000000..ac4edb346d
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { margin-left: 100px }
+</style>
+hello <span>world</span>
diff --git a/layout/reftests/inline/zero-inline-block-margin-ref2.html b/layout/reftests/inline/zero-inline-block-margin-ref2.html
new file mode 100644
index 0000000000..24b69ba9d6
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-ref2.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { margin-right: 100px }
+</style>
+<span>hello</span> world
diff --git a/layout/reftests/inline/zero-inline-block-margin-right.html b/layout/reftests/inline/zero-inline-block-margin-right.html
new file mode 100644
index 0000000000..542649a4a6
--- /dev/null
+++ b/layout/reftests/inline/zero-inline-block-margin-right.html
@@ -0,0 +1,6 @@
+<!DOCTYPE HTML>
+<title>margin-left on zero-sized inline-block</title>
+<style>
+span { display: inline-block; height: 0; width: 0; margin-right: 100px }
+</style>
+hello <span></span>world