diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /layout/reftests/inline | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
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 </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 </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 |