diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/html/semantics/grouping-content/the-li-element | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/semantics/grouping-content/the-li-element')
32 files changed, 1537 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-novalue-manual.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-novalue-manual.html new file mode 100644 index 0000000000..346ed56629 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-novalue-manual.html @@ -0,0 +1,148 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>Body Element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-body-element"> + <meta name="flags" content="interact" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +</head> +<body> + <h1>Validation of li characteristic requiring manual testing</h1> + + <p>The spec states: "If the parent element is an ol element, then the li element has an ordinal value."</p> + <p>This manual test is needed to verify that NON-ol element parents do NOT result in an ordinal value.</p> + <p>It needs to be manual because the ordinal value assigned to each list element by the user agent is NOT available programmatically. Values which are set either via markup or IDL are available programmatically, but not the calculated values for all the other list items.</p> + <p>And, as we cannot be sure how a mistakenly assigned value would be rendered, this test cannot be a reftest.</p> + <p>So, please use the buttons to answer the following questions:</p> + + <table> + <thead> + <tr> + <th>HTML Markup</th> + <th>Do you see any sort of sequencing information?</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <menu> + <li>Menu Item</li> + <li>Menu Item</li> + </menu> + </td> + <td> + <input type="button" id="btnMenuYes" value="Yes" /> + <input type="button" id="btnMenuNo" value="No" /> + </td> + </tr> + <tr> + <td> + <menu type="toolbar"> + <li> + <menu label="ToolbarLabel"> + <li><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + <li> + <menu label="ToolbarLabel"> + <li><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + </menu> + </td> + <td> + <input type="button" id="btnToolbarYes" value="Yes" /> + <input type="button" id="btnToolbarNo" value="No" /> + </td> + </tr> + <tr> + <td> + <ul> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ul> + </td> + <td> + <input type="button" id="btnULYes" value="Yes" /> + <input type="button" id="btnULNo" value="No" /> + </td> + </tr> + </tbody> + </table> + + <div id="log"></div> + + <script> + "use strict"; + + var testMenu = {}, testToolbar = {}, testUL = {}; + + // need to be able to wait for user to push button + setup(function () { + btnMenuYes.disabled = false; + btnMenuNo.disabled = false; + btnToolbarYes.disabled = false; + btnToolbarNo.disabled = false; + btnULYes.disabled = false; + btnULNo.disabled = false; + }, + { explicit_timeout: true } + ); + + // register async tests + testMenu = async_test("Check that menu element does not result in values for list items."); + testToolbar = async_test("Check that toolbar type menu element does not result in values for list items."); + testUL = async_test("Check that unordered list element does not result in values for list items."); + + // run async tests after buttons are clicked - MENU test + document.getElementById("btnMenuNo").onclick = testMenu.step_func(function (event) { + assert_true(true, "No sequencing applied to list elements inside menu."); + testMenu.done(); + btnMenuYes.disabled = true; + btnMenuNo.disabled = true; + }); + document.getElementById("btnMenuYes").onclick = testMenu.step_func(function (event) { + assert_true(false, "No sequencing applied to list elements inside menu."); + testMenu.done(); + btnMenuYes.disabled = true; + btnMenuNo.disabled = true; + }); + + // run async tests after buttons are clicked -TOOLBAR test + document.getElementById("btnToolbarNo").onclick = testToolbar.step_func(function (event) { + assert_true(true, "No sequencing applied to list elements inside toolbar menu."); + testToolbar.done(); + btnToolbarYes.disabled = true; + btnToolbarNo.disabled = true; + }); + document.getElementById("btnToolbarYes").onclick = testToolbar.step_func(function (event) { + assert_true(false, "No sequencing applied to list elements inside toolbar menu."); + testToolbar.done(); + btnToolbarYes.disabled = true; + btnToolbarNo.disabled = true; + }); + + // run async tests after buttons are clicked - UL test + document.getElementById("btnULNo").onclick = testUL.step_func(function (event) { + assert_true(true, "No sequencing applied to list elements inside UL."); + testUL.done(); + btnULYes.disabled = true; + btnULNo.disabled = true; + }); + document.getElementById("btnULYes").onclick = testUL.step_func(function (event) { + assert_true(false, "No sequencing applied to list elements inside UL."); + testUL.done(); + btnULYes.disabled = true; + btnULNo.disabled = true; + }); + + + </script> + +</body> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001-ref.html new file mode 100644 index 0000000000..23b6cdabe8 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001-ref.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>li element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-li-element"> + <meta name="assert" content="The value attribute has no effect when applied to a li element whose parent is a non-ol element." /> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the li element.</p> + + <p>This reftest verifies that the value attribute has no effect when applied to a list item NOT having an ol parent and not marked as display: list-item.</p> + <p>A reftest is necessary because the values of li elements as calculated by the user agent are NOT available programatically. Only explicitly-set values are then available programatically.</p> + <p>This reftest passes if you see NO sequencing information on any of the items below.</p> + + <p>Unordered List</p> + <ul> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ul> + + <menu> + <li>Menu Item</li> + <li>Menu Item</li> + </menu> + + <menu type="toolbar"> + <li> + <menu label="ToolbarLabel"> + <li><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + <li> + <menu label="ToolbarLabel"> + <li><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + </menu> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001.html new file mode 100644 index 0000000000..86200edadf --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>li element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-li-element"> + <link rel="match" href="grouping-li-reftest-001-ref.html" /> + <meta name="assert" content="The value attribute has no effect when applied to a li element whose parent is a non-ol element." /> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the li element.</p> + + <p>This reftest verifies that the value attribute has no effect when applied to a list item NOT having an ol parent and not marked as display: list-item.</p> + <p>A reftest is necessary because the values of li elements as calculated by the user agent are NOT available programatically. Only explicitly-set values are then available programatically.</p> + <p>This reftest passes if you see NO sequencing information on any of the items below.</p> + + <p>Unordered List</p> + <ul> + <li value="2">list item</li> + <li>list item</li> + <li>list item</li> + </ul> + + <menu> + <li>Menu Item</li> + <li value="3">Menu Item</li> + </menu> + + <menu type="toolbar"> + <li value="4"> + <menu label="ToolbarLabel"> + <li value="5"><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + <li value="6"> + <menu label="ToolbarLabel"> + <li value="10"><a>Toolbar Menu Item</a></li> + <li><a>Toolbar Menu Item</a></li> + </menu> + </li> + </menu> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002-ref.html new file mode 100644 index 0000000000..1e453e1afb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002-ref.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>li element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-li-element"> + <meta name="assert" content="li elements with ol parents have ordinal values." /> + <style type="text/css"> + span p {display:list-item; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-bottom: 0;} + span span p {margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 5em; padding-top: 0; padding-bottom: 0; font-family: monospace;} + </style> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the li element.</p> + + <p>This reftest verifies that the value attribute has an effect when applied to a list item with an ol parent.</p> + <p>A reftest is necessary because the values of li elements as calculated by the user agent are NOT available programatically. Only explicitly-set values are then available programatically.</p> + <p>This reftest passes if you see the numbers 1. 2. 3. below the words "Ordered List"</p> + + <span> + <p>Ordered List</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002.html new file mode 100644 index 0000000000..3c0a464255 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>li element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-li-element"> + <link rel="match" href="grouping-li-reftest-002-ref.html" /> + <meta name="assert" content="li elements with ol parents have ordinal values." /> + <style type="text/css"> + span p {display:list-item; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-bottom: 0;} + span li {margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; font-family: monospace;} + span ol {margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 5em; padding-top: 0; padding-bottom: 0; font-family: monospace; + list-style-position: inside; list-style-type: decimal; } + </style> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the li element.</p> + + <p>This reftest verifies that the value attribute has an effect when applied to a list item with an ol parent.</p> + <p>A reftest is necessary because the values of li elements as calculated by the user agent are NOT available programatically. Only explicitly-set values are then available programatically.</p> + <p>This reftest passes if you see the numbers 1. 2. 3. below the words "Ordered List"</p> + + <span> + <p>Ordered List</p> + <ol> + <li></li> + <li></li> + <li></li> + </ol> + </span> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003-ref.html new file mode 100644 index 0000000000..dbe4c05bad --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: dynamic update test for LI @value</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> +</head> +<body onload="document.getElementById('item').removeAttribute('value');"> +<ol><li id="item" value="3"></li></ol> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003.html new file mode 100644 index 0000000000..bad3819604 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-003.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: dynamic update test for LI @value</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-li-element"> + <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-set"> + <link rel="match" href="grouping-li-reftest-003-ref.html"> +</head> +<body onload="document.getElementById('item').removeAttribute('value');"> +<noscript>Test not run - javascript required.</noscript> +<ol><li id="item" value="3"></li></ol> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004-ref.html new file mode 100644 index 0000000000..2d9b19e043 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: implied scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <style> + body { margin-left: 40px } + li { list-style-type: decimal } + </style> +</head> +<body> +<li start="1"></li> +<li start="2"></li> +<li start="3"></li> +<li start="4"></li> +<div><li></li></div> +<div><div><li></li></div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004.html new file mode 100644 index 0000000000..2a7647fc2a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-004.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: implied scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-li-element"> + <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-reset"> + <link rel="match" href="grouping-li-reftest-004-ref.html"> + <style> + body { margin-left: 40px } + li { list-style-type: decimal } + </style> +</head> +<body> +<li></li> +<li></li> +<li></li> +<li></li> +<div><li></li></div> +<div><div><li></li></div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005-ref.html new file mode 100644 index 0000000000..6ec02e5433 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: explicit scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> +</head> +<body> +<ol> +<li start="1"></li> +<li start="2"></li> +<li start="3"></li> +<li start="4"></li> +<div><li start="5"></li></div> +<div><li start="6"></li></div> +<div><div><li start="7"></li></div></div> +</ol> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005.html new file mode 100644 index 0000000000..2fa4e5dbe3 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-005.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: explicit scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-li-element"> + <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-reset"> + <link rel="match" href="grouping-li-reftest-005-ref.html"> +</head> +<body> +<ol> +<li></li> +<li></li> +<li></li> +<li></li> +<div><li></li></div> +<div><li></li></div> +<div><div><li></li></div></div> +</ol> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-006.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-006.html new file mode 100644 index 0000000000..d6a260bbc0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-006.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: implied scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-li-element"> + <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-reset"> + <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1745506"> + <link rel="match" href="grouping-li-reftest-004-ref.html"> + <style> + body { margin-left: 40px } + ol { margin: 0; padding: 0; } + li { list-style-type: decimal } + </style> +</head> +<body> +<div><ol start=99></ol></div> <!-- this scope shouldn't affect the LIs below --> +<li></li> +<li></li> +<li></li> +<li></li> +<div><li></li></div> +<div><div><li></li></div></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-007.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-007.html new file mode 100644 index 0000000000..8eda7057da --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-007.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>HTML LI element: implied scope</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-li-element"> + <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-reset"> + <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1745506"> + <link rel="match" href="grouping-li-reftest-004-ref.html"> + <style> + body { margin-left: 40px } + ol { margin: 0; padding: 0 } + li { list-style-type: decimal } + </style> +</head> +<body> +<div><ol start=99></ol></div> <!-- this scope shouldn't affect the LIs below --> +<ol style="counter-reset: item"> <!-- this counter shouldn't affect the LIs below --> +<li></li> +<li></li> +<li></li> +<li></li> +<div><li></li></div> +<div><div><li></li></div></div> +</ol> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item-ref.html new file mode 100644 index 0000000000..fb142f84b8 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item-ref.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>display: list-item on non-<li> elements</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<style> + .list-item { + display: list-item; + list-style-type: decimal; + } + + .list-item[hidden] { + display: none; + } +</style> + +<p>This test matches if both lists display similar to the following:</p> + +<pre>1. A +2. B + D +3. E</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <span>D</span> + <li value="3">E</li> +</ol> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <span>D</span> + <li value="3">E</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item.html new file mode 100644 index 0000000000..ce63cf7c7c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-display-list-item.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>display: list-item on non-<li> elements</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-display-list-item-ref.html"> + +<style> + .list-item { + display: list-item; + list-style-type: decimal; + } + + .list-item[hidden] { + display: none; + } +</style> + +<p>This test matches if both lists display similar to the following:</p> + +<pre>1. A +2. B + D +3. E</pre> + +<hr> + +<ul> + <span class="list-item">A</span> + <span class="list-item">B</span> + <span class="list-item" hidden>C</span> + <span>D</span> + <span class="list-item">E</span> +</ul> + +<ol> + <div class="list-item">A</div> + <div class="list-item">B</div> + <div class="list-item" hidden>C</div> + <div>D</div> + <div class="list-item">E</div> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu-ref.html new file mode 100644 index 0000000000..2b1ea76656 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu-ref.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be narest ancestor menu if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <ol> + <li value="1">F</li> + <li value="2">G</li> + </ol> + <li value="6">H</li> + <ol> + <li value="1">I</li> + <li value="2"> + J + <ol> + <li value="1">K</li> + <li value="2">L</li> + </ol> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu.html new file mode 100644 index 0000000000..86afa5d206 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-menu.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be narest ancestor menu if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-menu-ref.html"> + +<style> + li { + list-style-type: decimal; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<menu> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <menu> + <li>F</li> + <li>G</li> + </menu> + </div> + <li>H</li> + <menu> + <li>I</li> + <li> + J + <menu> + <li>K</li> + <li>L</li> + </menu> + </li> + </menu> +</menu> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed-ref.html new file mode 100644 index 0000000000..b72768aefc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed-ref.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be nearest ancestor ul or ul (but not dir) if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<style> + li { + list-style-type: decimal; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 3. K + 4. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <ol> + <li value="1">F</li> + <li value="2">G</li> + </ol> + <li value="6">H</li> + <ol> + <li value="1">I</li> + <li value="2"> + J + <dir> + <li value="3">K</li> + <li value="4">L</li> + </dir> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed.html new file mode 100644 index 0000000000..82e39f995e --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-mixed.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be nearest ancestor ul or ul (but not dir) if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-mixed-ref.html"> + +<style> + li { + list-style-type: decimal; + } + + .list-item { + display: list-item; + list-style-type: decimal; + } + +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 3. K + 4. L</pre> + +<hr> + +<ul> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <ol> + <li>F</li> + <span class="list-item">G</span> + </ol> + </div> + <li>H</li> + <ol> + <li>I</li> + <li> + J + <dir> + <li>K</li> + <li>L</li> + </dir> + </li> + </ol> +</ul> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir-ref.html new file mode 100644 index 0000000000..fad00fa3bd --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir-ref.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>The dir element is not treated specially when calculating list owners</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<style> + li { + list-style-type: decimal; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 6. F + 7. G +8. H + 9. I + 10. J + 11. K + 12. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <dir> + <li value="6">F</li> + <li value="7">G</li> + </dir> + <li value="8">H</li> + <dir> + <li value="9">I</li> + <li value="10"> + J + <dir> + <li value="11">K</li> + <li value="12">L</li> + </dir> + </li> + </dir> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir.html new file mode 100644 index 0000000000..747d90738b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-not-dir.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>The dir element is not treated specially when calculating list owners</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-not-dir-ref.html"> + +<style> + li { + list-style-type: decimal; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 6. F + 7. G +8. H + 9. I + 10. J + 11. K + 12. L</pre> + +<hr> + +<ol> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <dir> + <li>F</li> + <li>G</li> + </dir> + </div> + <li>H</li> + <dir> + <li>I</li> + <li> + J + <dir> + <li>K</li> + <li>L</li> + </dir> + </li> + </dir> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol-ref.html new file mode 100644 index 0000000000..96cc9c3600 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol-ref.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be narest ancestor ol if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <ol> + <li value="1">F</li> + <li value="2">G</li> + </ol> + <li value="6">H</li> + <ol> + <li value="1">I</li> + <li value="2"> + J + <ol> + <li value="1">K</li> + <li value="2">L</li> + </ol> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol.html new file mode 100644 index 0000000000..fcb93cfbb5 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ol.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be narest ancestor ol if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-ol-ref.html"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <ol> + <li>F</li> + <li>G</li> + </ol> + </div> + <li>H</li> + <ol> + <li>I</li> + <li> + J + <ol> + <li>K</li> + <li>L</li> + </ol> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent-ref.html new file mode 100644 index 0000000000..03a0570ba4 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent-ref.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be the parent if there is no ancestor ul/ol/menu</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<style> + li { + list-style-type: decimal; + list-style-position: inside; + } + + ol { + padding: 50px; + margin: 0; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +1. C +1. D + 1. E +3. F</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="1">C</li> + <li value="1">D</li> + <blockquote> + <li value="1">E</li> + </blockquote> + <li value="3">F</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent.html new file mode 100644 index 0000000000..0345add996 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-parent.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be the parent if there is no ancestor ul/ol/menu</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-parent-ref.html"> + +<style> + li { + list-style-type: decimal; + list-style-position: inside; + } + + .container { + padding: 50px; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +1. C +1. D + 1. E +3. F</pre> + +<hr> + +<div class="container"> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + </span> + </div> + <blockquote> + <li>E</li> + </blockquote> + <li>F</li> +</div> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes-ref.html new file mode 100644 index 0000000000..e758f52be9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes-ref.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner calculation skips elements that do not generate layout boxes</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E +6. F +7. G +8. H +9. I +10. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <li value="6">F</li> + <li value="7">G</li> + <li value="8">H</li> + <li value="9">I</li> + <li value="10"> + J + <ol> + <li value="1">K</li> + <li value="2">L</li> + </ol> + </li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes.html new file mode 100644 index 0000000000..defdcb7000 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-skip-no-boxes.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner calculation skips elements that do not generate layout boxes</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-skip-no-boxes-ref.html"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E +6. F +7. G +8. H +9. I +10. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <ol style="display: contents;"> + <li>F</li> + <li>G</li> + </ol> + </div> + <li>H</li> + <ol style="display: contents;"> + <li>I</li> + <li> + J + <ol> + <li>K</li> + <li>L</li> + </ol> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul-ref.html new file mode 100644 index 0000000000..22ee9f437f --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul-ref.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be nearest ancestor ul if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">C</li> + <li value="4">D</li> + <li value="5">E</li> + <ol> + <li value="1">F</li> + <li value="2">G</li> + </ol> + <li value="6">H</li> + <ol> + <li value="1">I</li> + <li value="2"> + J + <ol> + <li value="1">K</li> + <li value="2">L</li> + </ol> + </li> + </ol> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul.html new file mode 100644 index 0000000000..8f1c7e3766 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-list-owner-ul.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>list owner is calculated to be nearest ancestor ul if it exists</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-list-owner-ul-ref.html"> + +<style> + li { + list-style-type: decimal; + } +</style> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. C +4. D +5. E + 1. F + 2. G +6. H + 1. I + 2. J + 1. K + 2. L</pre> + +<hr> + +<ul> + <li>A</li> + <li>B</li> + <div> + <li>C</li> + <span> + <li>D</li> + <li>E</li> + </span> + <ul> + <li>F</li> + <li>G</li> + </ul> + </div> + <li>H</li> + <ul> + <li>I</li> + <li> + J + <ul> + <li>K</li> + <li>L</li> + </ul> + </li> + </ul> +</ul> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered-ref.html new file mode 100644 index 0000000000..9a018cfaf3 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>List items that are not being rendered do not participate in numbering</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. D +4. E +5. G</pre> + +<hr> + +<ol> + <li value="1">A</li> + <li value="2">B</li> + <li value="3">D</li> + <li value="4">E</li> + <li value="5">G</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered.html new file mode 100644 index 0000000000..da476c4bff --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-not-being-rendered.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>List items that are not being rendered do not participate in numbering</title> +<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> + +<link rel="match" href="grouping-li-reftest-not-being-rendered-ref.html"> + +<p>This test matches if the list displays similar to the following</p> + +<pre>1. A +2. B +3. D +4. E +5. G</pre> + +<hr> + +<ol> + <li>A</li> + <li>B</li> + <li hidden>C</li> + <li>D</li> + <div> + <li>E</li> + <li hidden>F</li> + <li>G</li> + </div> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li.html new file mode 100644 index 0000000000..fa342b3e28 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>li element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-li-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the li element.</p> + + <div id="log"></div> + + <span> + <menu id="listmenu"> + <li>Command</li> + <li value="3">Command</li> + </menu> + + <menu type="toolbar" id="toolbarmenu"> + <li> + <menu label="File"> + <button type="button">New...</button> + <button type="button">Open...</button> + </menu> + </li> + <li value="10"> + <menu label="Help"> + <li value = "2"><a href="help.html">Help Me</a></li> + <li><a href="about.html">About</a></li> + </menu> + </li> + </menu> + + <p>Unordered List</p> + <ul id="unordered"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ul> + </span> + + <p>Ordered List</p> + <ol id="basic"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="start2"> + <li value="2">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negative"> + <li value="-10">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="posFloatDown"> + <li value="4.03">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negFloatDown"> + <li value="-4.03">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="posFloatUp"> + <li value="4.9">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negFloatUp"> + <li value="-4.9">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="exponent"> + <li value="7e2">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="decimal"> + <li value=".5">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="letter"> + <li value="A">list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <script> + "use strict"; + + // "The [value] attribute has no default value" so, per https://html.spec.whatwg.org/multipage/#reflect, + // the default when unspecified is 0 + test(function() { + var testList = document.querySelectorAll("#unordered li, #basic li"); + for (var i = 0; i < testList.length; i++) { + assert_equals(testList[i].value, 0, "Default (unspecified) value of value is 0."); + } + }, "Default (unspecified) value of value is 0."); + + // "If the value attribute is present, user agents must parse it as an integer, in order to determine the attribute's value. + // If the attribute's value cannot be converted to a number, the attribute must be treated as if it was absent." + // Per https://html.spec.whatwg.org/multipage/#collect-a-sequence-of-characters, + // an integer is parsed by collecting as many digits as possible and then aborting at the first + // non-digit character after the first digit (otherwise, with no beginning digit, it's just an error) + // and: "The value IDL attribute must reflect the value of the value content attribute." + + // start2's first element has value of 2 + test(function() { + var testLI = document.getElementById("start2").children[0]; + assert_equals(testLI.value, 2, "value of 2 -> value of 2"); + }, ".value property reflects content attribute - and both parse value of '2' correctly."); + + // negative's first element has value of -10 + test(function() { + var testLI = document.getElementById("negative").children[0]; + assert_equals(testLI.value, -10, "value of -10 -> value of -10"); + }, "IDL and content attribute parse value of '-10' correctly."); + + // posFloatDown's first element has value of 4.03 which should return 4 + test(function() { + var testLI = document.getElementById("posFloatDown").children[0]; + assert_equals(testLI.value, 4, "value of 4.03 -> 4"); + }, "IDL and content attribute parse value of '4.03' correctly."); + + // negFloatDown's first element has value of -4.03 which should return -4 + test(function() { + var testLI = document.getElementById("negFloatDown").children[0]; + assert_equals(testLI.value, -4, "value of -4.03 -> -4"); + }, "IDL and content attribute parse value of '-4.03' correctly."); + + // posFloatUp's first element has value of 4.9 which should return 4 + test(function() { + var testLI = document.getElementById("posFloatUp").children[0]; + assert_equals(testLI.value, 4, "value of 4.9 -> 4"); + }, "IDL and content attribute parse value of '4.9' correctly."); + + // negFloatUp's first element has value of -4.9 which should return -4 + test(function() { + var testLI = document.getElementById("negFloatUp").children[0]; + assert_equals(testLI.value, -4, "value of -4.9 -> -4"); + }, "IDL and content attribute parse value of '-4.9' correctly."); + + // exponent's first element has value of 7e2 which should return 7 + test(function() { + var testLI = document.getElementById("exponent").children[0]; + assert_equals(testLI.value, 7, "value of 7e2 -> 7"); + }, "IDL and content attribute parse value of '7e2' correctly."); + + // decimal's first element has value of .5 which should return 0 + test(function() { + var testLI = document.getElementById("decimal").children[0]; + assert_equals(testLI.value, 0, "value of .5 -> 0 (default)"); + }, "IDL and content attribute parse value of '.5' correctly."); + + // letter's first element has value of A which should return 0 + test(function() { + var testLI = document.getElementById("letter").children[0]; + assert_equals(testLI.value, 0, "value of A -> 0 (default)"); + }, "IDL and content attribute parse value of 'A' correctly."); + + // SHOULD I TEST MORE NON-ASCII-DIGIT ENTRIES? + + </script> +</body> +</html> |