diff options
Diffstat (limited to 'layout/reftests/list-item')
33 files changed, 846 insertions, 0 deletions
diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html new file mode 100644 index 0000000000..d6d93307f9 --- /dev/null +++ b/layout/reftests/list-item/bullet-intrinsic-isize-1-ref.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Bug 1142369</title> +</head> +<body> + <li style="list-style: inside;">blahblah and foobarboo</li> +</body> +</html> diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-1.html b/layout/reftests/list-item/bullet-intrinsic-isize-1.html new file mode 100644 index 0000000000..ccfa6d9e40 --- /dev/null +++ b/layout/reftests/list-item/bullet-intrinsic-isize-1.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Bug 1142369</title> +</head> +<body> + <li style="width: max-content; list-style: inside;">blahblah and foobarboo</li> +</body> +</html> diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html new file mode 100644 index 0000000000..b371dcbc67 --- /dev/null +++ b/layout/reftests/list-item/bullet-intrinsic-isize-2-ref.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Bug 994418</title> +</head> +<body> + MMMCMXCIX. sometext +</body> +</html> diff --git a/layout/reftests/list-item/bullet-intrinsic-isize-2.html b/layout/reftests/list-item/bullet-intrinsic-isize-2.html new file mode 100644 index 0000000000..c59545dd29 --- /dev/null +++ b/layout/reftests/list-item/bullet-intrinsic-isize-2.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Bug 994418</title> + <style> + ol { + display: inline-block; + list-style: upper-roman inside; + padding: 0; margin: 0; + } + </style> +</head> +<body> + <ol start="3999"><li></ol>sometext +</body> +</html> diff --git a/layout/reftests/list-item/bullet-justify-1-ref.html b/layout/reftests/list-item/bullet-justify-1-ref.html new file mode 100644 index 0000000000..7512879a0d --- /dev/null +++ b/layout/reftests/list-item/bullet-justify-1-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<style> + li { + margin-left: 100px; + font-size: 100px; + } + span { + color: transparent; + } +</style> +<li><span>x x</span></li> diff --git a/layout/reftests/list-item/bullet-justify-1.html b/layout/reftests/list-item/bullet-justify-1.html new file mode 100644 index 0000000000..22cf2773b2 --- /dev/null +++ b/layout/reftests/list-item/bullet-justify-1.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<style> + li { + margin-left: 100px; + font-size: 100px; + text-align-last: justify; + } + span { + color: transparent; + } +</style> +<li><span>x x</span></li> diff --git a/layout/reftests/list-item/bullet-space-1-ref.html b/layout/reftests/list-item/bullet-space-1-ref.html new file mode 100644 index 0000000000..e20884f086 --- /dev/null +++ b/layout/reftests/list-item/bullet-space-1-ref.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <title>Bug 1017335</title> + <style> + body { + font-family:monospace; + font-size:24px; + } + .outer { + position:absolute; + top:0; + width:300px; + } + ul { + margin:0; + list-style-type:none; + } + span { + display:inline-block; + } + .L { + width:40px; + text-align:right; + white-space: pre; + } + .R { + width:40px; + text-align:left; + white-space: pre; + } + .bullet { + background:yellow; + } + ::marker { font-family:inherit; } + </style> +</head> + +<body> + +<div class="outer"> +<div> + <ul> + <li>foo</li> + </ul> +</div> + +<div dir="rtl"> + <ul> + <li>bar</li> + </ul> +</div> +</div> + +<!-- The yellow background of the bullet spans here should completely cover the + bullets from the <ul> items above, even though the exact positioning of the + list item images may not match the plain-text version of the bullets. + Therefore, the testcase (with list-style-type:disc) and reference (none) + should match. --> +<div class="outer"> +<div> + <span class="L"><span class="bullet">•</span> </span>foo +</div> + +<div dir="rtl"> + <span class="R"><span class="bullet">•</span> </span>bar +</div> +</div> + +</body> + +</html> diff --git a/layout/reftests/list-item/bullet-space-1.html b/layout/reftests/list-item/bullet-space-1.html new file mode 100644 index 0000000000..9bfc894578 --- /dev/null +++ b/layout/reftests/list-item/bullet-space-1.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <title>Bug 1017335</title> + <style> + body { + font-family:monospace; + font-size:24px; + } + .outer { + position:absolute; + top:0; + width:300px; + } + ul { + margin:0; + list-style-type:disc; + } + span { + display:inline-block; + } + .L { + width:40px; + text-align:right; + white-space: pre; + } + .R { + width:40px; + text-align:left; + white-space: pre; + } + .bullet { + background:yellow; + } + ::marker { font-family:inherit; } + </style> +</head> + +<body> + +<div class="outer"> +<div> + <ul> + <li>foo</li> + </ul> +</div> + +<div dir="rtl"> + <ul> + <li>bar</li> + </ul> +</div> +</div> + +<!-- The yellow background of the bullet spans here should completely cover the + bullets from the <ul> items above, even though the exact positioning of the + list item images may not match the plain-text version of the bullets. + Therefore, the testcase (with list-style-type:disc) and reference (none) + should match. --> +<div class="outer"> +<div> + <span class="L"><span class="bullet">•</span> </span>foo +</div> + +<div dir="rtl"> + <span class="R"><span class="bullet">•</span> </span>bar +</div> +</div> + +</body> + +</html> diff --git a/layout/reftests/list-item/bullet-space-2-ref.html b/layout/reftests/list-item/bullet-space-2-ref.html new file mode 100644 index 0000000000..75c36b36db --- /dev/null +++ b/layout/reftests/list-item/bullet-space-2-ref.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <title>Bug 1019470</title> + <style> + body { + font-family:monospace; + font-size:24px; + } + span { + display:inline-block; + } + .L { + width:40px; + text-align:right; + } + .R { + width:40px; + text-align:left; + } + .L,.R { white-space:pre; } + </style> +</head> + +<body> + +<div> + <span class="L"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>foo +</div> + +<div dir="rtl"> + <span class="R"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"> </span></span>bar +</div> + +</body> + +</html> diff --git a/layout/reftests/list-item/bullet-space-2.html b/layout/reftests/list-item/bullet-space-2.html new file mode 100644 index 0000000000..f32cfcd653 --- /dev/null +++ b/layout/reftests/list-item/bullet-space-2.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <title>Bug 1019470</title> + <style> + body { + font-family:monospace; + font-size:24px; + } + ul { + margin:0; + list-style-type: none; /* to ensure we use the same font metrics as the reference for the trailing space */ + list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"); + } + ::marker { font-family: inherit; } + </style> +</head> + +<body> + +<div> + <ul> + <li>foo</li> + </ul> +</div> + +<div dir="rtl"> + <ul> + <li>bar</li> + </ul> +</div> + +</body> + +</html> diff --git a/layout/reftests/list-item/image-rendering-css-auto.html b/layout/reftests/list-item/image-rendering-css-auto.html new file mode 100644 index 0000000000..845324ab69 --- /dev/null +++ b/layout/reftests/list-item/image-rendering-css-auto.html @@ -0,0 +1,28 @@ +<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering css auto</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: auto;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div>
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-css.html b/layout/reftests/list-item/image-rendering-css.html new file mode 100644 index 0000000000..8e693d8bac --- /dev/null +++ b/layout/reftests/list-item/image-rendering-css.html @@ -0,0 +1,28 @@ +<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering css -moz-crisp-edges</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: -moz-crisp-edges;
+ }
+ </style>
+ </head>
+
+ <body>
+ <div>
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/image-rendering-ref.html b/layout/reftests/list-item/image-rendering-ref.html new file mode 100644 index 0000000000..6d8a0ff209 --- /dev/null +++ b/layout/reftests/list-item/image-rendering-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/licenses/publicdomain/ + --> +<html reftest-zoom="2"> + <head> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <title>reference list-style-image image-rendering</title> + <style type="text/css"> + div { + height: 50px; + border: 1px solid black; + + image-rendering: -moz-crisp-edges; + } + </style> + </head> + + <body> + <div> + <img src=" data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=" + > + </div> + </body> + +</html> diff --git a/layout/reftests/list-item/image-rendering-script.html b/layout/reftests/list-item/image-rendering-script.html new file mode 100644 index 0000000000..fa7b4ddf7b --- /dev/null +++ b/layout/reftests/list-item/image-rendering-script.html @@ -0,0 +1,37 @@ +<!DOCTYPE HTML>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+ -->
+<html reftest-zoom="2" class="reftest-wait">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+ <title>test list-style-image image-rendering script change</title>
+ <style type="text/css">
+ div {
+ display: list-item;
+ list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
+ height: 50px;
+ border: 1px solid black;
+ list-style-position: inside;
+
+ image-rendering: auto;
+ }
+ </style>
+ <script type="text/javascript">
+ document.addEventListener("MozReftestInvalidate", updateImageRendering);
+
+ function updateImageRendering() {
+ var div = document.getElementById("d1");
+ div.style.imageRendering = '-moz-crisp-edges';
+ document.documentElement.removeAttribute("class");
+ }
+ </script>
+ </head>
+
+ <body>
+ <div id="d1">
+ </div>
+ </body>
+
+</html>
diff --git a/layout/reftests/list-item/numbering-1-ref.html b/layout/reftests/list-item/numbering-1-ref.html new file mode 100644 index 0000000000..d0455de377 --- /dev/null +++ b/layout/reftests/list-item/numbering-1-ref.html @@ -0,0 +1,25 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #1 for bug 614969</title> +</head> +<body> + +<ol style="list-style: decimal inside"> + <li>List item 1</li> + <li>List item 2</li> + <li>List item 3</li> + <li>List item 4</li> + <li>List item 5</li> + <li>List item 6</li> + <div><li>List item 7</li></div> +</ol> + +<ol style="list-style: decimal inside;"> + <div style="column-width:1em;"><li></li><div>item1</div></div> + <div style="column-width:1em;"><li></li><div>item2</div></div> + <div style="column-width:1em;"><li></li><div>item3</div></div> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-1.html b/layout/reftests/list-item/numbering-1.html new file mode 100644 index 0000000000..74d02d36b9 --- /dev/null +++ b/layout/reftests/list-item/numbering-1.html @@ -0,0 +1,29 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #1 for bug 614969</title> + <style> + .col {column-width:1em} + .col::marker {white-space:initial} + </style> +</head> +<body> + +<ol style="list-style: decimal inside"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> + <li style="overflow: hidden">List item 4</li> + <li style="overflow: hidden">List item 5</li> + <li>List item 6</li> + <div style="overflow: hidden"><li>List item 7</li></div> +</ol> + +<ol style="list-style: decimal inside;"> + <li class="col">item1</li> + <li class="col">item2</li> + <li class="col">item3</li> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-2-ref.html b/layout/reftests/list-item/numbering-2-ref.html new file mode 100644 index 0000000000..b696440371 --- /dev/null +++ b/layout/reftests/list-item/numbering-2-ref.html @@ -0,0 +1,23 @@ +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #2 for bug 614969</title> +<style> +html,body { + color:black; background-color:white; font-size:12px; padding:0; margin:0; +} + +li {margin-left:0; padding-left:0px; width:200px; } +ol {margin-left:0; padding-left:40px; } +</style> +</head> +<body> + +<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><li style="height:0;">ABS</li><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:3em"><div style="position:relative"><ol style="list-style: decimal inside"><li>REL BLOCK</li><li style="padding-top:1em">List item</li></ol></div></div> +<div style="position:absolute;left:0;top:7em"><div style="float:left"><ol style="list-style: decimal inside"><li style="height:2em;">FLOAT</li><li style="">List item</li></ol></div></div> +<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><li>REL INLINE</li><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:20em"><ol id=x style="list-style: decimal inside"><ol style="height:0"><li style="margin-left:-40px;">ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-2.html b/layout/reftests/list-item/numbering-2.html new file mode 100644 index 0000000000..02865411bf --- /dev/null +++ b/layout/reftests/list-item/numbering-2.html @@ -0,0 +1,23 @@ +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #2 for bug 614969</title> +<style> +html,body { + color:black; background-color:white; font-size:12px; padding:0; margin:0; +} + +li {margin-left:0; padding-left:0px; width:200px; } +ol {margin-left:0; padding-left:40px; } +</style> +</head> +<body> + +<div style="position:absolute;left:0;top:0"><ol style="list-style: decimal inside"><div style="position:absolute"><li>ABS</li></div><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:3em"><ol style="list-style: decimal inside"><div style="position:relative"><li>REL BLOCK</li></div><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:7em"><ol style="list-style: decimal inside"><div style="float:left;height:2em"><li>FLOAT</li></div><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:10em"><ol style="list-style: decimal inside"><span style="position:relative"><li>REL INLINE</li></span><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:14em"><ol style="list-style: decimal inside"><ol style="position:relative"><li>REL OL</li></ol><li style="padding-top:1em">List item</li></ol></div> +<div style="position:absolute;left:0;top:20em"><ol id="x" style="list-style: decimal inside"><ol id="y" style="position:absolute;left:0;right:0"><li>ABS OL</li></ol><li style="padding-top:2em">List item</li></ol></div> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-3-ref.html b/layout/reftests/list-item/numbering-3-ref.html new file mode 100644 index 0000000000..471aa2719a --- /dev/null +++ b/layout/reftests/list-item/numbering-3-ref.html @@ -0,0 +1,52 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Reference for testcase #1 for bug 1171419</title> +<style> +l { display:block; list-style: decimal inside; } +</style> +</head> +<body> + +<ol style="display:grid; list-style-type:none"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> + <l start="4"><li style="overflow: hidden">List item 4</li></l> + <l start="5"><li style="overflow: hidden">List item 5</li></l> + <l start="6"><li>List item 6</li></l> + <l start="7"><li>List item 7</li></l> +</ol> + +<ol style="display:grid; list-style-type:none"> +<div> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:grid; list-style-type:none"> +<div style="display:grid"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:inline-grid; list-style-type:none"> +<div style="display:grid"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:grid; list-style-type:none"> + <l start="1"><li style="column-width:1em;">item1</li></l> + <l start="2"><li style="column-width:1em;">item2</li></l> + <l start="3"><li style="column-width:1em;">item3</li></l> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-3.html b/layout/reftests/list-item/numbering-3.html new file mode 100644 index 0000000000..ded2233a22 --- /dev/null +++ b/layout/reftests/list-item/numbering-3.html @@ -0,0 +1,49 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #1 for bug 1171419</title> +</head> +<body> + +<ol style="list-style: decimal inside; display:grid"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> + <li style="overflow: hidden">List item 4</li> + <li style="overflow: hidden">List item 5</li> + <li>List item 6</li> + <div style="overflow: hidden"><li>List item 7</li></div> +</ol> + +<ol style="list-style: decimal inside; display:grid"> +<div> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:grid"> +<div style="display:grid"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:inline-grid"> +<div style="display:grid"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:grid"> + <li style="column-width:1em;">item1</li> + <li style="column-width:1em;">item2</li> + <li style="column-width:1em;">item3</li> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-4-ref.html b/layout/reftests/list-item/numbering-4-ref.html new file mode 100644 index 0000000000..4fcb6e194f --- /dev/null +++ b/layout/reftests/list-item/numbering-4-ref.html @@ -0,0 +1,52 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Reference for testcase #2 for bug 1171419</title> +<style> +l { display:block; list-style: decimal inside; } +</style> +</head> +<body> + +<ol style="display:flex; list-style-type:none"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> + <l start="4"><li style="overflow: hidden">List item 4</li></l> + <l start="5"><li style="overflow: hidden">List item 5</li></l> + <l start="6"><li>List item 6</li></l> + <l start="7"><li>List item 7</li></l> +</ol> + +<ol style="display:flex; list-style-type:none"> +<div> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:flex; list-style-type:none"> +<div style="display:flex"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:inline-flex; list-style-type:none"> +<div style="display:flex"> + <l start="1"><li style="overflow: hidden">List item 1</li></l> + <l start="2"><li style="overflow: hidden">List item 2</li></l> + <l start="3"><li>List item 3</li></l> +</div> +</ol> + +<ol style="display:flex; list-style-type:none"> + <l start="1"><li style="column-width:1em;">item1</li></l> + <l start="2"><li style="column-width:1em;">item2</li></l> + <l start="3"><li style="column-width:1em;">item3</li></l> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-4.html b/layout/reftests/list-item/numbering-4.html new file mode 100644 index 0000000000..9b00795994 --- /dev/null +++ b/layout/reftests/list-item/numbering-4.html @@ -0,0 +1,49 @@ +<!DOCTYPE HTML> +<html><head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> + <title>Testcase #2 for bug 1171419</title> +</head> +<body> + +<ol style="list-style: decimal inside; display:flex"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> + <li style="overflow: hidden">List item 4</li> + <li style="overflow: hidden">List item 5</li> + <li>List item 6</li> + <div style="overflow: hidden"><li>List item 7</li></div> +</ol> + +<ol style="list-style: decimal inside; display:flex"> +<div> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:flex"> +<div style="display:flex"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:inline-flex"> +<div style="display:flex"> + <li style="overflow: hidden">List item 1</li> + <li style="overflow: hidden">List item 2</li> + <li>List item 3</li> +</div> +</ol> + +<ol style="list-style: decimal inside; display:flex"> + <li style="column-width:1em;">item1</li> + <li style="column-width:1em;">item2</li> + <li style="column-width:1em;">item3</li> +</ol> + +</body> +</html> diff --git a/layout/reftests/list-item/numbering-5-ref.html b/layout/reftests/list-item/numbering-5-ref.html new file mode 100644 index 0000000000..74f5c37d67 --- /dev/null +++ b/layout/reftests/list-item/numbering-5-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference for reordered 'li' flex items</title> + <style> + .container { + display: flex; + flex-direction: column; + } + </style> +</head> +<body> + <ol class="container"> + <div>4. List item 4</div> + <div>2. List item 2</div> + <div>3. List item 3</div> + <div>5. List item 5</div> + <div>6. List item 6</div> + <div>8. List item 8</div> + <div>1. List item 1</div> + <div>7. List item 7</div> + </ol> +</body> +</html> diff --git a/layout/reftests/list-item/numbering-5.html b/layout/reftests/list-item/numbering-5.html new file mode 100644 index 0000000000..20c9f7e7a0 --- /dev/null +++ b/layout/reftests/list-item/numbering-5.html @@ -0,0 +1,29 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Testcase for reordered 'li' flex items</title> + <style> + .container { + list-style: decimal inside; + display: flex; + flex-direction: column; + } + </style> +</head> +<body> + <ol class="container"> + <!-- Should be reordered to nearly the end: --> + <li style="order: 3">List item 1</li> + <li>List item 2</li> + <li>List item 3</li> + <!-- Should be reordered to the start: --> + <li style="order: -2">List item 4</li> + <li>List item 5</li> + <!-- order has no effect here, since it's not set on the flex item: --> + <div><li style="order: -3">List item 6</li></div> + <!-- Should be reordered to the end: --> + <div style="order: 5"><li>List item 7</li></div> + <div><li>List item 8</li></div> + </ol> +</body> +</html> diff --git a/layout/reftests/list-item/ol-reversed-1-ref.html b/layout/reftests/list-item/ol-reversed-1-ref.html new file mode 100644 index 0000000000..f8cac3c702 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-1-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol> + <li value="3">Three</li> + <li value="2">Two</li> + <li value="1">One</li> +</ol> diff --git a/layout/reftests/list-item/ol-reversed-1a.html b/layout/reftests/list-item/ol-reversed-1a.html new file mode 100644 index 0000000000..35e967c05e --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-1a.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol reversed> + <li>Three</li> + <li>Two</li> + <li>One</li> +</ol> diff --git a/layout/reftests/list-item/ol-reversed-1b.html b/layout/reftests/list-item/ol-reversed-1b.html new file mode 100644 index 0000000000..d9810560eb --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-1b.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<ol id="x"> + <li>Three</li> + <li>Two</li> + <li>One</li> +</ol> +<script> + var l = document.getElementById("x"); + var w = l.offsetWidth; + l.setAttribute("reversed", ""); +</script> diff --git a/layout/reftests/list-item/ol-reversed-1c.html b/layout/reftests/list-item/ol-reversed-1c.html new file mode 100644 index 0000000000..82ae844335 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-1c.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<ol id="x" reversed> + <li>Three</li> + <li>Two</li> +</ol> +<script> + var l = document.getElementById("x"); + var w = l.offsetWidth; + var li = document.createElement("li"); + li.textContent = "One" + l.appendChild(li); +</script> diff --git a/layout/reftests/list-item/ol-reversed-2-ref.html b/layout/reftests/list-item/ol-reversed-2-ref.html new file mode 100644 index 0000000000..4f3ece2be4 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-2-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol> + <li value="5">Five</li> + <li value="4">Four</li> + <li value="3">Three</li> +</ol> diff --git a/layout/reftests/list-item/ol-reversed-2.html b/layout/reftests/list-item/ol-reversed-2.html new file mode 100644 index 0000000000..662a149573 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-2.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol reversed start="5"> + <li>Five</li> + <li>Four</li> + <li>Three</li> +</ol> diff --git a/layout/reftests/list-item/ol-reversed-3-ref.html b/layout/reftests/list-item/ol-reversed-3-ref.html new file mode 100644 index 0000000000..1dc5792100 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-3-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol> + <li value="1">One</li> + <li value="0">Zero</li> + <li value="-1">Neg-One</li> +</ol> diff --git a/layout/reftests/list-item/ol-reversed-3.html b/layout/reftests/list-item/ol-reversed-3.html new file mode 100644 index 0000000000..9132e5db52 --- /dev/null +++ b/layout/reftests/list-item/ol-reversed-3.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<ol reversed start="1"> + <li>One</li> + <li>Zero</li> + <li>Neg-One</li> +</ol> diff --git a/layout/reftests/list-item/reftest.list b/layout/reftests/list-item/reftest.list new file mode 100644 index 0000000000..36ab01f78b --- /dev/null +++ b/layout/reftests/list-item/reftest.list @@ -0,0 +1,18 @@ +fuzzy-if(OSX,0-55,0-4) == numbering-1.html numbering-1-ref.html +== numbering-2.html numbering-2-ref.html +fuzzy-if(OSX,0-11,0-1) == numbering-3.html numbering-3-ref.html +fuzzy-if(OSX,0-76,0-2) == numbering-4.html numbering-4-ref.html +== numbering-5.html numbering-5-ref.html +== ol-reversed-1a.html ol-reversed-1-ref.html +== ol-reversed-1b.html ol-reversed-1-ref.html +== ol-reversed-1c.html ol-reversed-1-ref.html +== ol-reversed-2.html ol-reversed-2-ref.html +== ol-reversed-3.html ol-reversed-3-ref.html +== bullet-space-1.html bullet-space-1-ref.html +== bullet-space-2.html bullet-space-2-ref.html +== bullet-intrinsic-isize-1.html bullet-intrinsic-isize-1-ref.html +== bullet-intrinsic-isize-2.html bullet-intrinsic-isize-2-ref.html +== bullet-justify-1.html bullet-justify-1-ref.html +== image-rendering-css.html image-rendering-ref.html +fails-if(useDrawSnapshot) == image-rendering-script.html image-rendering-ref.html +!= image-rendering-css.html image-rendering-css-auto.html |