diff options
| author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
|---|---|---|
| committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
| commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
| tree | 10027f336435511475e392454359edea8e25895d /testing/web-platform/tests/html/semantics/grouping-content | |
| parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
| download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip | |
Add m-esr52 at 52.6.0
Diffstat (limited to 'testing/web-platform/tests/html/semantics/grouping-content')
57 files changed, 2076 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/grouping-content/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-blockquote-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-blockquote-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-blockquote-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/grouping-dd.html b/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/grouping-dd.html new file mode 100644 index 000000000..022e555bd --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dd-element/grouping-dd.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the dd element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dd-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("dd"); + assert_equals(Object.getPrototypeOf(testElement), HTMLElement.prototype, "HTMLElement.prototype should be used for dd"); + }, "The prototype for dd is HTMLElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the dd element.</p> + + <div id="log"></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/grouping-div.html b/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/grouping-div.html new file mode 100644 index 000000000..ffde6eb53 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-div-element/grouping-div.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>The div element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-div-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("div"); + assert_equals(Object.getPrototypeOf(testElement), HTMLDivElement.prototype, "HTMLDivElement.prototype should be used for div"); + }, "The prototype for div is HTMLDivElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the div element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/grouping-dl.html b/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/grouping-dl.html new file mode 100644 index 000000000..2394d6a92 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dl-element/grouping-dl.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the dl element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dl-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("dl"); + assert_equals(Object.getPrototypeOf(testElement), HTMLDListElement.prototype, "HTMLDListElement.prototype should be used for dl"); + }, "The prototype for dl is HTMLDListElement.prototype"); + + // Not checking: effects of markup on defining groups and the name-pair values within those groups + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the dl element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/grouping-dt.html b/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/grouping-dt.html new file mode 100644 index 000000000..1dbb4384d --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-dt-element/grouping-dt.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the dl element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dt-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("dt"); + assert_equals(Object.getPrototypeOf(testElement), HTMLElement.prototype, "HTMLElement.prototype should be used for dt"); + }, "The prototype for dt is HTMLElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the dt element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/grouping-figcaption.html b/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/grouping-figcaption.html new file mode 100644 index 000000000..68e7a516b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-figcaption-element/grouping-figcaption.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the figcaption element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-figcaption-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("figcaption"); + assert_equals(Object.getPrototypeOf(testElement), HTMLElement.prototype, "HTMLElement.prototype should be used for figcaption"); + }, "The prototype for figcaption is HTMLElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the figcaption element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/grouping-figure.html b/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/grouping-figure.html new file mode 100644 index 000000000..31c156ce3 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-figure-element/grouping-figure.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the figure element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-figure-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("figure"); + assert_equals(Object.getPrototypeOf(testElement), HTMLElement.prototype, "HTMLElement.prototype should be used for figure"); + }, "The prototype for figure is HTMLElement.prototype"); + + // Not checking: Sectioning root + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the figure element.</p> + + <div id="log"></div> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/grouping-hr.html b/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/grouping-hr.html new file mode 100644 index 000000000..eeadd97d4 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-hr-element/grouping-hr.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the hr element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-hr-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("hr"); + assert_equals(Object.getPrototypeOf(testElement), HTMLHRElement.prototype, "HTMLHRElement.prototype should be used for hr"); + }, "The prototype for hr is HTMLHRElement.prototype"); + + // Not checking: "The hr element does not affect the document's outline." + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the hr element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/.gitkeep 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 000000000..346ed5662 --- /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 000000000..5ff5296e2 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001-ref.html @@ -0,0 +1,48 @@ +<!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>The spec states:</p> + <blockquote>"If the parent element is an ol element, then the li element has an ordinal value. The value attribute is processed relative to the element's parent ol element (q.v.), if there is one. If there is not, the attribute has no effect."</blockquote> + <p>This reftest verifies that the value attribute has no effect when applied to a list item NOT having 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 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 000000000..71b72c2ce --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-001.html @@ -0,0 +1,49 @@ +<!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>The spec states:</p> + <blockquote>"If the parent element is an ol element, then the li element has an ordinal value. The value attribute is processed relative to the element's parent ol element (q.v.), if there is one. If there is not, the attribute has no effect."</blockquote> + <p>This reftest verifies that the value attribute has no effect when applied to a list item NOT having 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 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 000000000..bdb728faf --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002-ref.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"> + <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>The spec states:</p> + <blockquote>"If the parent element is an ol element, then the li element has an ordinal value. The value attribute is processed relative to the element's parent ol element (q.v.), if there is one. If there is not, the attribute has no effect."</blockquote> + <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 000000000..ae4eebee1 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li-reftest-002.html @@ -0,0 +1,36 @@ +<!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>The spec states:</p> + <blockquote>"If the parent element is an ol element, then the li element has an ordinal value. The value attribute is processed relative to the element's parent ol element (q.v.), if there is one. If there is not, the attribute has no effect."</blockquote> + <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.html b/testing/web-platform/tests/html/semantics/grouping-content/the-li-element/grouping-li.html new file mode 100644 index 000000000..fa342b3e2 --- /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> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001-ref.html new file mode 100644 index 000000000..019aef1b6 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001-ref.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="OL's reversed attribute creates a descending list." /> + <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 ol element.</p> + + <p>These reftests are necessary because the values of the ol's li children as calculated by the user agent are NOT available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote>"The reversed attribute is a boolean attribute. If present, it indicates that the list is a descending list (..., 3, 2, 1). If the attribute is omitted, the list is an ascending list (1, 2, 3, ...)."</blockquote> + + <p><strong>This reftest passes if you see an ascending list followed by two descending lists.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>Ordered List</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + + <p>Ordered List - reversed via content attribute</p> + <span> + <p>3.</p> + <p>2.</p> + <p>1.</p> + </span> + + <p>Ordered List - reversed via IDL</p> + <span> + <p>3.</p> + <p>2.</p> + <p>1.</p> + </span> + + </span> + + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001.html new file mode 100644 index 000000000..32d4f2c86 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-rev-reftest-001.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-rev-reftest-001-ref.html" /> + <meta name="assert" content="OL's reversed attribute creates a descending list." /> + <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 ol element.</p> + + <p>These reftests are necessary because the values of the ol's li children as calculated by the user agent are NOT available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote>"The reversed attribute is a boolean attribute. If present, it indicates that the list is a descending list (..., 3, 2, 1). If the attribute is omitted, the list is an ascending list (1, 2, 3, ...)."</blockquote> + + <p><strong>This reftest passes if you see an ascending list followed by two descending lists.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>Ordered List</p> + <ol> + <li></li> + <li></li> + <li></li> + </ol> + + <p>Ordered List - reversed via content attribute</p> + <ol reversed="reversed"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>Ordered List - reversed via IDL</p> + <ol id="reverse_me"> + <li></li> + <li></li> + <li></li> + </ol> + + </span> + + <script> + document.getElementById("reverse_me").reversed = true; + </script> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001-ref.html new file mode 100644 index 000000000..f87074899 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001-ref.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="Sequences produced by calculated values for LI elements within OL match spec's expectations. (part one)" /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The first item in the list has the ordinal value given by the ol element's start attribute, unless that li element has a value attribute with a value that can be successfully parsed, in which case it has the ordinal value given by that value attribute.</p> + <p>Each subsequent item in the list has the ordinal value given by its value attribute, if it has one, or, if it doesn't, the ordinal value of the previous item, plus one if the reversed is absent, or minus one if it is present.</p></blockquote> + + <p><strong>This reftest passes if each list's items are numbered identically to the horizontal sequence immediately above those list items.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>2, 3, 4 (ol has start attribute of 2)</p> + <span> + <p>2.</p> + <p>3.</p> + <p>4.</p> + </span> + + <p>-9, -8, -7 (ol has start attribute of -9)</p> + <span> + <p>-9.</p> + <p>-8.</p> + <p>-7.</p> + </span> + + <p>1000, 1001, 1002 (list's start attribute of 1000 provided by JavaScript)</p> + <span> + <p>1000.</p> + <p>1001.</p> + <p>1002.</p> + </span> + + <p>2, 1, 9 (each list item has a specified value attribute, list has a start attribute of 1000)</p> + <span> + <p>2.</p> + <p>1.</p> + <p>9.</p> + </span> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001.html new file mode 100644 index 000000000..dc373f910 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-001.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-start-reftest-001-ref.html" /> + <meta name="assert" content="Sequences produced by calculated values for LI elements within OL match spec's expectations (part one)." /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The first item in the list has the ordinal value given by the ol element's start attribute, unless that li element has a value attribute with a value that can be successfully parsed, in which case it has the ordinal value given by that value attribute.</p> + <p>Each subsequent item in the list has the ordinal value given by its value attribute, if it has one, or, if it doesn't, the ordinal value of the previous item, plus one if the reversed is absent, or minus one if it is present.</p></blockquote> + + <p><strong>This reftest passes if each list's items are numbered identically to the horizontal sequence immediately above those list items.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>2, 3, 4 (ol has start attribute of 2)</p> + <ol start="2"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>-9, -8, -7 (ol has start attribute of -9)</p> + <ol start="-9"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>1000, 1001, 1002 (list's start attribute of 1000 provided by JavaScript)</p> + <ol id="start_me"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>2, 1, 9 (each list item has a specified value attribute, list has a start attribute of 1000)</p> + <ol istart="1000"> + <li value="2"></li> + <li value="1"></li> + <li value="9"></li> + </ol> + + </span> + + <script> + document.getElementById("start_me").start = 1000; + </script> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002-ref.html new file mode 100644 index 000000000..2ba4af9b1 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002-ref.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="Sequences produced by calculated values for LI elements within OL match spec's expectations. (part two)" /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The first item in the list has the ordinal value given by the ol element's start attribute, unless that li element has a value attribute with a value that can be successfully parsed, in which case it has the ordinal value given by that value attribute.</p> + <p>Each subsequent item in the list has the ordinal value given by its value attribute, if it has one, or, if it doesn't, the ordinal value of the previous item, plus one if the reversed is absent, or minus one if it is present.</p></blockquote> + + <p><strong>This reftest passes if each list's items are numbered identically to the horizontal sequence immediately above those list items.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>4, 5, 6 (ol has start attribute of 2 which is overridden by first list item's value attribute of 4)</p> + <span> + <p>4.</p> + <p>5.</p> + <p>6.</p> + </span> + + <p>4, 5, 6 (ol has start attribute of -10 which is overridden by first list item's value attribute of 4)</p> + <span> + <p>4.</p> + <p>5.</p> + <p>6.</p> + </span> + + <p>1, 5, 6 (2nd list item has value attribute of 5)</p> + <span> + <p>1.</p> + <p>5.</p> + <p>6.</p> + </span> + + <p>-1, -5, -4 (list has a start attribute of -1, and 2nd list item has value attribute of -5)</p> + <span> + <p>-1.</p> + <p>-5.</p> + <p>-4.</p> + </span> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002.html new file mode 100644 index 000000000..559e3c219 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-start-reftest-002.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-start-reftest-002-ref.html" /> + <meta name="assert" content="Sequences produced by calculated values for LI elements within OL match spec's expectations. (part two)" /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The first item in the list has the ordinal value given by the ol element's start attribute, unless that li element has a value attribute with a value that can be successfully parsed, in which case it has the ordinal value given by that value attribute.</p> + <p>Each subsequent item in the list has the ordinal value given by its value attribute, if it has one, or, if it doesn't, the ordinal value of the previous item, plus one if the reversed is absent, or minus one if it is present.</p></blockquote> + + <p><strong>This reftest passes if each list's items are numbered identically to the horizontal sequence immediately above those list items.</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>4, 5, 6 (ol has start attribute of 2 which is overridden by first list item's value attribute of 4)</p> + <ol start="2"> + <li value="4"></li> + <li></li> + <li></li> + </ol> + + <p>4, 5, 6 (ol has start attribute of -10 which is overridden by first list item's value attribute of 4)</p> + <ol start="-10"> + <li value="4"></li> + <li></li> + <li></li> + </ol> + + <p>1, 5, 6 (2nd list item has value attribute of 5)</p> + <ol> + <li></li> + <li value="5"></li> + <li></li> + </ol> + + <p>-1, -5, -4 (list has a start attribute of -1, and 2nd list item has value attribute of -5)</p> + <ol start="-1"> + <li></li> + <li value="-5"></li> + <li></li> + </ol> + + </span> + + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-001-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-001-ref.html new file mode 100644 index 000000000..294c9abc2 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-001-ref.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="OL's type attribute defaults to decimal state." /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The type attribute represents the state given in the cell in the second column of the row whose first cell matches the attribute's value; if none of the cells match, or if the attribute is omitted, then the attribute represents the decimal state.</p></blockquote> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + <p>1, 2, 3 (default value for unspecified type attribute is 'decimal')</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "!"))</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "2"))</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "b"))</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-ol-element/grouping-ol-type-reftest-001.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-001.html new file mode 100644 index 000000000..32b0e200b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-001.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-type-reftest-001-ref.html" /> + <meta name="assert" content="OL's type attribute defaults to decimal state." /> + <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; } + </style> +</head> +<body> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote><p>The type attribute represents the state given in the cell in the second column of the row whose first cell matches the attribute's value; if none of the cells match, or if the attribute is omitted, then the attribute represents the decimal state.</p></blockquote> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>1, 2, 3 (default value for unspecified type attribute is 'decimal')</p> + <ol> + <li></li> + <li></li> + <li></li> + </ol> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "!"))</p> + <ol type="!"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "2"))</p> + <ol type="2"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>1, 2, 3 (default value for type attribute not listed in spec table is 'decimal' (type = "b"))</p> + <ol type="b"> + <li></li> + <li></li> + <li></li> + </ol> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002-ref.html new file mode 100644 index 000000000..cf31b7a9c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002-ref.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="List items are rendered consistently with the state of the type attribute." /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote>User agents should render the items of the list in a manner consistent with the state of the type attribute of the ol element.</blockquote> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + <p>1, 2, 3 (type attribute of "1" results in decimal type)</p> + <span> + <p>1.</p> + <p>2.</p> + <p>3.</p> + </span> + + <p>aa, ab, ac (type attribute of "a" results in lower case latin alphabet, start = 27)</p> + <span> + <p>aa.</p> + <p>ab.</p> + <p>ac.</p> + </span> + + <p>AA, AB, AC (type attribute of "A" results in upper case latin alphabet, start = 27)</p> + <span> + <p>AA.</p> + <p>AB.</p> + <p>AC.</p> + </span> + + <p>i, v, c (type attribute of "i" results in lower case roman alphabet, list values = 1, 5, 100)</p> + <span> + <p>i.</p> + <p>v.</p> + <p>c.</p> + </span> + + <p>I, V, C (type attribute of "I" results in upper case roman alphabet, list values = 1, 5, 100)</p> + <span> + <p>I.</p> + <p>V.</p> + <p>C.</p> + </span> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002.html new file mode 100644 index 000000000..7daea54c0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-002.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-type-reftest-002-ref.html" /> + <meta name="assert" content="List items are rendered consistently with the state of the type attribute." /> + <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;} + </style> +</head> +<body> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states:</p> + <blockquote>User agents should render the items of the list in a manner consistent with the state of the type attribute of the ol element.</blockquote> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>1, 2, 3 (type attribute of "1" results in decimal type)</p> + <ol type="1"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>aa, ab, ac (type attribute of "a" results in lower case latin alphabet, start = 27)</p> + <ol type="a" start="27"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>AA, AB, AC (type attribute of "A" results in upper case latin alphabet, start = 27)</p> + <ol type="A" start="27"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>i, v, c (type attribute of "i" results in lower case roman alphabet, list values = 1, 5, 100)</p> + <ol type="i"> + <li value="1"></li> + <li value="5"></li> + <li value="100"></li> + </ol> + + <p>I, V, C (type attribute of "I" results in upper case roman alphabet, list values = 1, 5, 100)</p> + <ol type="I"> + <li value="1"></li> + <li value="5"></li> + <li value="100"></li> + </ol> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003-ref.html new file mode 100644 index 000000000..4906f3ca6 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003-ref.html @@ -0,0 +1,78 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="OL's type attribute defaults to decimal state." /> + <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> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states: Numbers less than or equal to zero should always use the decimal system regardless of the type attribute.</p> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + <p>-3, -2, -1 (type is "a", start is -3)</p> + <span> + <p>-3.</p> + <p>-2.</p> + <p>-1.</p> + </span> + + <p>0, a (type is "a", start is 0)</p> + <span> + <p>0.</p> + <p>a.</p> + </span> + + <p>-3, -2, -1 (type is "A", start is -3)</p> + <span> + <p>-3.</p> + <p>-2.</p> + <p>-1.</p> + </span> + + <p>0, A (type is "A", start is 0)</p> + <span> + <p>0.</p> + <p>A.</p> + </span> + + <p>-3, -2, -1 (type is "i", start is -3)</p> + <span> + <p>-3.</p> + <p>-2.</p> + <p>-1.</p> + </span> + + <p>0, i (type is "i", start is 0)</p> + <span> + <p>0.</p> + <p>i.</p> + </span> + + <p>-3, -2, -1 (type is "I", start is -3)</p> + <span> + <p>-3.</p> + <p>-2.</p> + <p>-1.</p> + </span> + + <p>0, I (type is "I", start is 0)</p> + <span> + <p>0.</p> + <p>I.</p> + </span> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003.html new file mode 100644 index 000000000..5e4b5a588 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol-type-reftest-003.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <link rel="match" href="grouping-ol-type-reftest-003-ref.html" /> + <meta name="assert" content="OL's type attribute defaults to decimal state." /> + <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;} + </style> +</head> +<body> + <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p> + + <p>The spec states: Numbers less than or equal to zero should always use the decimal system regardless of the type attribute.</p> + + <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p> + <p>(Note: each list item has no content; only the sequencing should appear.)</p> + + <span> + + <p>-3, -2, -1 (type is "a", start is -3)</p> + <ol type="a" start="-3"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>0, a (type is "a", start is 0)</p> + <ol type="a" start="0"> + <li></li> + <li></li> + </ol> + + <p>-3, -2, -1 (type is "A", start is -3)</p> + <ol type="A" start="-3"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>0, A (type is "A", start is 0)</p> + <ol type="A" start="0"> + <li></li> + <li></li> + </ol> + + <p>-3, -2, -1 (type is "i", start is -3)</p> + <ol type="i" start="-3"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>0, i (type is "i", start is 0)</p> + <ol type="i" start="0"> + <li></li> + <li></li> + </ol> + + <p>-3, -2, -1 (type is "I", start is -3)</p> + <ol type="I" start="-3"> + <li></li> + <li></li> + <li></li> + </ol> + + <p>0, I (type is "I", start is 0)</p> + <ol type="I" start="0"> + <li></li> + <li></li> + </ol> + + </span> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol.html new file mode 100644 index 000000000..0de2a0641 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/grouping-ol.html @@ -0,0 +1,314 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the ol element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the ol element.</p> + + <div id="log"></div> + + <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="allAtts" reversed start="3" type="A"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="justRev" reversed> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="basicRevGoodName" reversed="reversed"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="basicRevNameWithSpace" reversed=" reversed "> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="basicRevEmpty" reversed="" start="A"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="basicRevTrue" reversed="true"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="basicRevFalse" reversed="false"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="start2" start="2"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negative" start="-10"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="posFloatDown" start="4.03"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negFloatDown" start="-4.03"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="posFloatUp" start="4.9"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="negFloatUp" start="-4.9"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="exponent" start="7e2"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="decimal" start=".5"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="letter" start="A"> + <li>list item</li> + <li>list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="middle50"> + <li>list item</li> + <li value="50">list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="middleneg50"> + <li>list item</li> + <li value="-50">list item</li> + <li>list item</li> + </ol> + + <p>Ordered List</p> + <ol id="lots" reversed="reversed"> + <li value="10">list item</li> + <li value="20">list item</li> +<a></a><abbr></abbr><address></address><area></area><article></article><aside></aside><audio></audio><b></b><base></base><bdi></bdi><bdo></bdo><blockquote></blockquote><body></body><br></br><button></button><canvas></canvas><caption></caption><cite></cite><code></code><col></col><colgroup></colgroup><command></command><datalist></datalist><dd></dd><del></del><details></details><dfn></dfn><dialog></dialog><div></div><dl></dl><dt></dt><em></em><embed></embed><fieldset></fieldset><figcaption></figcaption><figure></figure><footer></footer><form></form><h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6><head></head><header></header><hgroup></hgroup><hr></hr><html></html><i></i><iframe></iframe><img></img><input></input><ins></ins><kbd></kbd><keygen></keygen><label></label><legend></legend><link></link><map></map><mark></mark><menu></menu><meta></meta><meter></meter><nav></nav><noscript></noscript><object></object><ol><li></li><li></li></ol><optgroup></optgroup><option></option><output></output><p></p><param></param><pre></pre><progress></progress><q></q><rp></rp><rt></rt><ruby></ruby><s></s><samp></samp><script></script><section></section><select></select><small></small><source></source><span></span><strong></strong><style></style><sub></sub><summary></summary><sup></sup><table></table><tbody></tbody><td></td><textarea></textarea><tfoot></tfoot><th></th><thead></thead><time></time><title></title><tr></tr><track></track><u></u><ul><li></li><li></li></ul><var></var><video></video><wbr></wbr> + <li value="-99">list item</li> + </ol> + + <script> + "use strict"; + + var testList; + + // check that prototype matches spec's DOM interface + test(function () { + testList = document.getElementById("basic"); + assert_equals(Object.getPrototypeOf(testList), HTMLOListElement.prototype, "HTMLOListElement.prototype should be used for OL"); + }, "The prototype for OL is HTMLOListElement.prototype"); + + // check that "own" properties reversed, start, and type are present + test(function () { + testList = document.getElementById("basic"); + assert_idl_attribute(testList, "reversed"); + }, "'reversed' property should be defined on OL."); + + test(function () { + testList = document.getElementById("basic"); + assert_idl_attribute(testList, "start"); + }, "'start' property should be defined on OL."); + + test(function () { + testList = document.getElementById("basic"); + assert_idl_attribute(testList, "type"); + }, "'type' property should be defined on OL."); + + // "The reversed, start, and type IDL attributes must reflect the respective content attributes of the same name." + test(function () { + testList = document.getElementById("allAtts"); + assert_true(testList.reversed); + }, "OL's 'reversed' IDL property reflects content attribute."); + + test(function () { + testList = document.getElementById("allAtts"); + assert_equals(testList.start, 3); + }, "OL's 'start' IDL property reflects content attribute."); + + test(function () { + testList = document.getElementById("allAtts"); + assert_equals(testList.type, "A"); + }, "OL's 'type' IDL property reflects content attribute."); + + + // "The reversed attribute is a boolean attribute." + + // check lists for which reversed value should be false + test(function() { + assert_false(document.getElementById("basic").reversed, "IDL 'reversed' attribute value false when content attribute absent"); + }, "IDL 'reversed' attribute value false when content attribute absent"); + + // check lists for which reversed value should be true + test(function() { + assert_true(document.getElementById("justRev").reversed); + assert_true(document.getElementById("basicRevGoodName").reversed); + assert_true(document.getElementById("basicRevNameWithSpace").reversed); + assert_true(document.getElementById("basicRevEmpty").reversed); + assert_true(document.getElementById("basicRevTrue").reversed); + assert_true(document.getElementById("basicRevFalse").reversed); + }, "IDL 'reversed' attribute value true when content attribute exists"); + + // check that IDL property works to change reversed value + test(function() { + document.getElementById("justRev").reversed = false; + assert_false(document.getElementById("justRev").reversed, "Changing IDL 'reversed' property changes list's reversed property."); + }, "Changing IDL 'reversed' property changes list's reversed property."); + + + // If the start attribute is present, user agents must parse it as an integer, in order to determine the attribute's value. + // The default value, used if the attribute is missing or + // if the value cannot be converted to a number according to the referenced algorithm, + // is 1 if the element has no reversed attribute, and + // is the number of child li elements otherwise." + // "The start IDL attribute has the same default as its content attribute." + + // basic - default should be 1 + test(function() { + assert_equals(document.getElementById("basic").start, 1, "no start attribute provided -> 1"); + }, "Default start value for non-reversed list should be 1"); + + // decimal's first element has value of .5 which should return 1 + test(function() { + assert_equals(document.getElementById("decimal").start, 1, "start of .5 -> 1 (default)"); + }, "IDL and content attribute parse start of '.5' correctly."); + + // letter's first element has value of A which should return 1 + test(function() { + assert_equals(document.getElementById("letter").start, 1, "start of A -> 1 (default)"); + }, "IDL and content attribute parse start of 'A' correctly."); + + // basicRevGoodName - default should be 3 + test(function() { + assert_equals(document.getElementById("basicRevGoodName").start, 3, "no start attribute provided -> 3"); + }, "Default start value (if none provided) for reversed list = child li elements."); + + // basicRevEmpty - default should be 3 + test(function() { + assert_equals(document.getElementById("basicRevEmpty").start, 3, "start of A -> 3 (default)"); + }, "Default start value (if failed to parse) for reversed list = child li elements."); + + // lots - default should be 3 + test(function() { + assert_equals(document.getElementById("lots").start, 3, "no start attribute -> 3 (default)"); + }, "Default start value for reversed list = child li elements (even with tons of other child elements)."); + + // adding child element changes default start value for reversed list + test(function() { + var myList = document.getElementById("basicRevGoodName"), myLI = document.createElement("li"); + myList.appendChild(myLI); + assert_equals(document.getElementById("basicRevGoodName").start, 4, "Adding child element to reversed list adds 1 to start value"); + }, "Adding child element to reversed list adds 1 to start value"); + + // removing child element changes default start value for reversed list + test(function() { + var myList = document.getElementById("basicRevTrue"); + myList.removeChild(myList.children[0]); + assert_equals(document.getElementById("basicRevTrue").start, 2, "Deleting child element from reversed list reduces start value by 1"); + }, "Deleting child element from reversed list reduces start value by 1"); + + // start2's first element has value of 2 + test(function() { + assert_equals(document.getElementById("start2").start, 2, "start of 2 -> 2"); + }, "IDL and content attribute parse start of '2' correctly."); + + // negative's first element has value of -10 + test(function() { + assert_equals(document.getElementById("negative").start, -10, "start of -10 -> -10"); + }, "IDL and content attribute parse start of '-10' correctly."); + + // posFloatDown's first element has value of 4.03 which should return 4 + test(function() { + assert_equals(document.getElementById("posFloatDown").start, 4, "start of 4.03 -> 4"); + }, "IDL and content attribute parse start of '4.03' correctly."); + + // negFloatDown's first element has value of -4.03 which should return -4 + test(function() { + assert_equals(document.getElementById("negFloatDown").start, -4, "start of -4.03 -> -4"); + }, "IDL and content attribute parse start of '-4.03' correctly."); + + // posFloatUp's first element has value of 4.9 which should return 4 + test(function() { + assert_equals(document.getElementById("posFloatUp").start, 4, "start of 4.9 -> 4"); + }, "IDL and content attribute parse start of '4.9' correctly."); + + // negFloatUp's first element has value of -4.9 which should return -4 + test(function() { + assert_equals(document.getElementById("negFloatUp").start, -4, "start of -4.9 -> -4"); + }, "IDL and content attribute parse start of '-4.9' correctly."); + + // exponent's first element has value of 7e2 which should return 7 + test(function() { + assert_equals(document.getElementById("exponent").start, 7, "start of 7e2 -> 7"); + }, "IDL and content attribute parse start of '7e2' correctly."); + + </script> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-1.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-1.html new file mode 100644 index 000000000..7f2a00c70 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-1.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <title>ol.start - reflection test</title> + <link rel="author" title="Shiki Okasaka" href="http://shiki.esrille.com/"> + <link rel="author" title="Esrille Inc." href="http://www.esrille.com/"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="This test checks that the start IDL attribute reflects the respective content attribute of the same name."> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <ol id="ol"> + <li>One</li> + <li>Two</li> + <li>Three</li> + </ol> + <div id="log"></div> + <script> +test(function() { + assert_equals(document.getElementById('ol').start, 1); +}) + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-2.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-2.html new file mode 100644 index 000000000..f6a260a8b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/ol.start-reflection-2.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <title>ol.start - reflection test</title> + <link rel="author" title="Shiki Okasaka" href="http://shiki.esrille.com/"> + <link rel="author" title="Esrille Inc." href="http://www.esrille.com/"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element"> + <meta name="assert" content="This test checks that the start IDL attribute reflects the respective content attribute of the same name."> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <ol id='ol' reversed> + <li>Three</li> + <li>Two</li> + <li>One</li> + </ol> + <div id='log'></div> + <script> +test(function() { + assert_equals(document.getElementById('ol').start, 3); +}) + </script> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1-ref.html new file mode 100644 index 000000000..f8cac3c70 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/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/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1a.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1a.html new file mode 100644 index 000000000..202315b1c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1a.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>`reversed` should reverse the numbering correctly</title> +<link rel=match href="reversed-1-ref.html"> +<link rel=help href="https://html.spec.whatwg.org/#attr-ol-reversed"> +<ol reversed> + <li>Three</li> + <li>Two</li> + <li>One</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1b.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1b.html new file mode 100644 index 000000000..4d6202943 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1b.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>Dynamically setting `reversed` should update the numbering</title> +<link rel=match href="reversed-1-ref.html"> +<link rel=help href="https://html.spec.whatwg.org/#attr-ol-reversed"> +<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/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1c.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1c.html new file mode 100644 index 000000000..6fad13053 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1c.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>Reversed numbering should update on dynamic addition of child nodes</title> +<link rel=match href="reversed-1-ref.html"> +<link rel=help href="https://html.spec.whatwg.org/#attr-ol-reversed"> +<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/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1d.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1d.html new file mode 100644 index 000000000..a256b6a42 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1d.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>Reverse numbering should not be affected by nested div</title> +<link rel=match href="reversed-1-ref.html"> +<link rel=help href="https://html.spec.whatwg.org/#attr-ol-reversed"> +<ol reversed> + <li>Three</li> + <div> + <li>Two</li> + <li>One</li> + </div> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1e.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1e.html new file mode 100644 index 000000000..48a279994 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-1e.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>Reverse numbering should not count display:none elements</title> +<link rel=match href="reversed-1-ref.html"> +<link rel=help href="https://html.spec.whatwg.org/#attr-ol-reversed"> +<ol reversed> + <li>Three</li> + <li style="display:none">Three</li> + <li>Two</li> + <li>One</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-2-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-2-ref.html new file mode 100644 index 000000000..4f3ece2be --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/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/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-2.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-2.html new file mode 100644 index 000000000..0d4948153 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ol-element/reversed-2.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="match" href="reversed-2-ref.html"> +<ol reversed start="5"> + <li>Five</li> + <li>Four</li> + <li>Three</li> +</ol> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/grouping-p.html b/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/grouping-p.html new file mode 100644 index 000000000..5f15aca31 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-p-element/grouping-p.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the p element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-p-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("p"); + assert_equals(Object.getPrototypeOf(testElement), HTMLParagraphElement.prototype, "HTMLParagraphElement.prototype should be used for p"); + }, "The prototype for p is HTMLParagraphElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the p element.</p> + + <div id="log"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001-ref.html new file mode 100644 index 000000000..75aa91b30 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>pre element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-pre-element"> + <meta name="assert" content="Newlines within pre elements separate paragraphs for the purposes of BIDI." /> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the pre element.</p> + + <p>The spec states:</p> + <blockquote>"A newline in a pre element should separate paragraphs for the purposes of the Unicode bidirectional algorithm. This requirement may be implemented indirectly through the style layer. For example, an HTML+CSS user agent could implement these requirements by implementing the CSS 'unicode-bidi' property."</blockquote> + + <p>This reftest passes if below you see "ABC ABC" repeated on two separate lines below (4 ABCs total):</p> + + <pre>ABC ABC +ABC ABC</pre> + +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001.html b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001.html new file mode 100644 index 000000000..29e582edd --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre-reftest-001.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>pre element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-pre-element"> + <link rel="match" href="grouping-pre-reftest-001-ref.html" /> + <meta name="assert" content="Newlines within pre elements separate paragraphs for the purposes of BIDI." /> +</head> +<body> + <h1>Description</h1> + <p>This test continues to validate the pre element.</p> + + <p>The spec states:</p> + <blockquote>"A newline in a pre element should separate paragraphs for the purposes of the Unicode bidirectional algorithm. This requirement may be implemented indirectly through the style layer. For example, an HTML+CSS user agent could implement these requirements by implementing the CSS 'unicode-bidi' property."</blockquote> + + <p>This reftest passes if below you see "ABC ABC" repeated on two separate lines below (4 ABCs total):</p> + + <pre>‮ CBA CBA +ABC ABC</pre> + +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre.html b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre.html new file mode 100644 index 000000000..07fc631b9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/grouping-pre.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the pre element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-pre-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the pre element.</p> + + <div id="log"></div> + + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("pre"); + assert_equals(Object.getPrototypeOf(testElement), HTMLPreElement.prototype, "HTMLPreElement.prototype should be used for pre"); + }, "The prototype for pre is HTMLPreElement.prototype"); + + </script> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi-ref.html b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi-ref.html new file mode 100644 index 000000000..0f302b5d4 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> + <head> + <title>HTML Test reference: newline in <pre> separates bidi paragraphs</title> + <link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/> + <link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-pre-element"/> + </head> + <body> + <div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div> + <div class="test"> + <pre> +A Hebrew letter and a full stop: א.‎ +א this line begins with a Hebrew letter. + </pre> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi.html b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi.html new file mode 100644 index 000000000..23d442f52 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-pre-element/pre-newline-bidi.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"/> + <title>HTML Test: newline in pre separates bidi paragraphs</title> + <link rel="match" href="pre-newline-bidi-ref.html" /> + <link rel="author" title="Amir E. Aharoni" href="mailto:amir.aharoni@mail.huji.ac.il"/> + <link rel="author" title="Eyal Sela" href="mailto:eyal@post.isoc.org.il"/> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-pre-element"/> + <meta name="assert" + content="A newline in a pre element should separate paragraphs for the purposes of the Unicode bidirectional algorithm."/> + </head> + <body> + <div class="instructions"><p>Test passes if the rightmost character in the first line below is a full stop and to the left of it is a Hebrew letter.</p></div> + <div class="test"> + <pre> +A Hebrew letter and a full stop: א. +א this line begins with a Hebrew letter. + </pre> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/.gitkeep b/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/.gitkeep new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/.gitkeep diff --git a/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/grouping-ul.html b/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/grouping-ul.html new file mode 100644 index 000000000..6e62343f6 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/grouping-content/the-ul-element/grouping-ul.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>the ul element</title> + <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com"> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ul-element"> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + <script> + "use strict"; + + // check that prototype matches spec's DOM interface + test(function () { + var testElement = document.createElement("ul"); + assert_equals(Object.getPrototypeOf(testElement), HTMLUListElement.prototype, "HTMLUListElement.prototype should be used for ul"); + }, "The prototype for ul is HTMLUListElement.prototype"); + + </script> +</head> +<body> + <h1>Description</h1> + <p>This test validates the ul element.</p> + + <div id="log"></div> + +</body> +</html> |