Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-25 05:41:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1171419 part 11 - Reftests for grid/flex list-item numbering.

Browse Source
This commit is contained in:
Mats Palmgren 2016-09-01 17:36:23 +02:00
parent 70a3ff3851
commit 3e2ab4cb31
5 changed files with 204 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
layout/reftests/list-item/numbering-3-ref.html Normal file
View File

@ -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="-moz-column-width:1em; column-width:1em;">item1</li></l>
<l start="2"><li style="-moz-column-width:1em; column-width:1em;">item2</li></l>
<l start="3"><li style="-moz-column-width:1em; column-width:1em;">item3</li></l>
</ol>
</body>
</html>

49
layout/reftests/list-item/numbering-3.html Normal file
View File

@ -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="-moz-column-width:1em; column-width:1em;">item1</li>
<li style="-moz-column-width:1em; column-width:1em;">item2</li>
<li style="-moz-column-width:1em; column-width:1em;">item3</li>
</ol>
</body>
</html>

52
layout/reftests/list-item/numbering-4-ref.html Normal file
View File

@ -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="-moz-column-width:1em; column-width:1em;">item1</li></l>
<l start="2"><li style="-moz-column-width:1em; column-width:1em;">item2</li></l>
<l start="3"><li style="-moz-column-width:1em; column-width:1em;">item3</li></l>
</ol>
</body>
</html>

49
layout/reftests/list-item/numbering-4.html Normal file
View File

@ -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="-moz-column-width:1em; column-width:1em;">item1</li>
<li style="-moz-column-width:1em; column-width:1em;">item2</li>
<li style="-moz-column-width:1em; column-width:1em;">item3</li>
</ol>
</body>
</html>

2
layout/reftests/list-item/reftest.list
View File

@ -1,5 +1,7 @@
fuzzy-if(OSX>=1008,55,4) == numbering-1.html numbering-1-ref.html
== numbering-2.html numbering-2-ref.html
pref(layout.css.grid.enabled,true) fuzzy-if(OSX>=1008,8,1) == numbering-3.html numbering-3-ref.html
fuzzy-if(OSX>=1008,72,2) == numbering-4.html numbering-4-ref.html
== ol-reversed-1a.html ol-reversed-1-ref.html
asserts(1) == ol-reversed-1b.html ol-reversed-1-ref.html # bug 478135
== ol-reversed-1c.html ol-reversed-1-ref.html