diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/forms/the-fieldset-element')
36 files changed, 746 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/HTMLFieldSetElement.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/HTMLFieldSetElement.html new file mode 100644 index 0000000000..9e6e52d7b7 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/HTMLFieldSetElement.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>HTML Test: HTMLFieldSetElement interface</title> +<link rel="author" title="Intel" href="http://www.intel.com/"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-fieldset-element"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<div id="log"></div> +<form name="fm1" style="display:none"> + <fieldset id="fs_outer"> + <legend><input type="checkbox" name="cb"></legend> + <input type=text name="txt" id="ctl1"> + <button id="ctl2" name="btn">BUTTON</button> + <fieldset id="fs_inner"> + <input type="text" name="txt_inner"> + <progress name="pg" value="0.5"></progress> + </fieldset> + </fieldset> +</form> +<script> + +var fm1, + fs_outer, + children_outer; + +setup(function () { + fm1 = document.forms.fm1; + fs_outer = document.getElementById("fs_outer"); + children_outer = fs_outer.elements; +}); + +test(function () { + assert_equals(fs_outer.type, "fieldset", "The value of type attribute is incorrect."); +}, "The type attribute must return 'fieldset'"); + +test(function () { + assert_equals(fs_outer.form, fm1, "The fieldset should have a form owner."); +}, "The form attribute must return the fieldset's form owner"); + +test(function () { + assert_equals(children_outer.constructor, HTMLCollection, + "The elements attribute should be an HTMLCollection object"); +}, "The elements must return an HTMLCollection object"); + +test(function () { + var fs_inner = document.getElementById("fs_inner"); + var children_inner = fs_inner.elements; + assert_array_equals(children_inner, [fm1.txt_inner], + "The items in the collection must be children of the inner fieldset element."); + assert_array_equals(children_outer, [fm1.cb, fm1.txt, fm1.btn, fm1.fs_inner, fm1.txt_inner], + "The items in the collection must be children of the outer fieldset element."); +}, "The controls must root at the fieldset element"); + +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/README.md b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/README.md new file mode 100644 index 0000000000..b238a023dc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/README.md @@ -0,0 +1,12 @@ +Fieldset accessibility tests +============================ + +These tests are intended to test the accessibility of the fieldset and legend elements. + +To run these tests, open the browser's developer tools and navigate to the Accessibility pane (may +need to activate it in Settings), or use an OS-level accessibility inspector, and verify that the +accessible name/role matches the expected accessible name/role. + +The following issue discusses ways to automate these tests: + +https://github.com/web-platform-tests/wpt/issues/12791 diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/aria-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/aria-manual.html new file mode 100644 index 0000000000..c61d62769a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/aria-manual.html @@ -0,0 +1,7 @@ +<!doctype html> +<title>fieldset accessibility test: ARIA</title> +<div id=fieldset role=group aria-labelledby=legend> + <div id=legend>Foo</div> + <input> +</div> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/baseline-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/baseline-manual.html new file mode 100644 index 0000000000..2ee1ab20e9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/baseline-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: baseline</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-appearance-none-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-appearance-none-manual.html new file mode 100644 index 0000000000..dbc4edc2a2 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-appearance-none-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset -webkit-appearance: none</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { -webkit-appearance: none; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-contents-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-contents-manual.html new file mode 100644 index 0000000000..943a030337 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-contents-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset display: contents</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { display: contents; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-none-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-none-manual.html new file mode 100644 index 0000000000..b45576036a --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-display-none-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset display: none</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { display: none; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected no accessible node for id=fieldset. diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-div-display-contents-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-div-display-contents-manual.html new file mode 100644 index 0000000000..2eb01f2a71 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-div-display-contents-manual.html @@ -0,0 +1,13 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset div display: contents</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + div { display: contents; } +</style> +<fieldset id=fieldset> + <div> + <legend>Foo</legend> + <input> + </div> +</fieldset> +<p>Expected accessible name for id=fieldset: "" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-none-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-none-manual.html new file mode 100644 index 0000000000..4638a2b8d1 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-none-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset role=none</title> +<link rel=help href=http://w3c.github.io/aria/#none> +<fieldset id=fieldset role=none> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected no accessible node for id=fieldset. diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-presentation-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-presentation-manual.html new file mode 100644 index 0000000000..e1360d29c9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-role-presentation-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset role=presentation</title> +<link rel=help href=http://w3c.github.io/aria/#presentation> +<fieldset id=fieldset role=presentation> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected no accessible node for id=fieldset. diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-collapse-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-collapse-manual.html new file mode 100644 index 0000000000..a3dd273bbe --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-collapse-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset visibility: collapse</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { visibility: collapse; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected no accessible node for id=fieldset. diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-hidden-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-hidden-manual.html new file mode 100644 index 0000000000..894f00af52 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/fieldset-visibility-hidden-manual.html @@ -0,0 +1,12 @@ +<!doctype html> +<title>fieldset accessibility test: fieldset visibility: hidden</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { visibility: hidden; } + legend, input { visibility: visible; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected no accessible node for id=fieldset. diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/flexbox-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/flexbox-manual.html new file mode 100644 index 0000000000..2d3d2a929c --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/flexbox-manual.html @@ -0,0 +1,13 @@ +<!doctype html> +<title>fieldset accessibility test: flexbox</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { display: flex; } + legend { float: left; flex: auto; } + input { display: block; flex: auto; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/grid-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/grid-manual.html new file mode 100644 index 0000000000..9d966d0113 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/grid-manual.html @@ -0,0 +1,12 @@ +<!doctype html> +<title>fieldset accessibility test: grid</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + fieldset { display: grid; grid-template-columns: auto auto; } + legend { float: left; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-abspos-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-abspos-manual.html new file mode 100644 index 0000000000..019e63fcd3 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-abspos-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: position: absolute legend</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { position: absolute; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-display-none-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-display-none-manual.html new file mode 100644 index 0000000000..bc5d9fb7f6 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-display-none-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend child display: none</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend > span { display: none; } +</style> +<fieldset id=fieldset> + <legend>Foo<span>Bar</span></legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-visibility-hidden-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-visibility-hidden-manual.html new file mode 100644 index 0000000000..01ceb9ec65 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-child-visibility-hidden-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend visibility: hidden</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend > span { visibility: hidden; } +</style> +<fieldset id=fieldset> + <legend>Foo<span>Bar</span></legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-contents-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-contents-manual.html new file mode 100644 index 0000000000..f9fd1a31b8 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-contents-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend display: contents</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { display: contents; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-none-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-none-manual.html new file mode 100644 index 0000000000..14060b99f8 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-display-none-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend display: none</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { display: none; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-float-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-float-manual.html new file mode 100644 index 0000000000..40f2c4ac23 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-float-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: floating legend</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { float: left; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-role-group-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-role-group-manual.html new file mode 100644 index 0000000000..e15ff4d810 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-role-group-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: legend role=group aria-labelledby=fieldset</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<fieldset id=fieldset> + <legend role=group aria-labelledby=fieldset>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-collapse-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-collapse-manual.html new file mode 100644 index 0000000000..c44bb1e888 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-collapse-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend visibility: collapse</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { visibility: collapse; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-hidden-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-hidden-manual.html new file mode 100644 index 0000000000..f989712565 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/legend-visibility-hidden-manual.html @@ -0,0 +1,11 @@ +<!doctype html> +<title>fieldset accessibility test: legend visibility: hidden</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<style> + legend { visibility: hidden; } +</style> +<fieldset id=fieldset> + <legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/multiple-legends-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/multiple-legends-manual.html new file mode 100644 index 0000000000..5d25317ad0 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/multiple-legends-manual.html @@ -0,0 +1,10 @@ +<!doctype html> +<title>fieldset accessibility test: multiple legends</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<fieldset id=fieldset> + <div></div> + <legend>Foo</legend> + <legend>Bar</legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/role-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/role-manual.html new file mode 100644 index 0000000000..d09c203b6b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/role-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: role</title> +<fieldset id=fieldset> + <legend id=legend>Foo</legend> + <input> +</fieldset> +<p>Expected accessible role for id=fieldset: "group" +<p>Expected accessible role for id=legend: No corresponding role diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html new file mode 100644 index 0000000000..bb93d07644 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/shadow-dom-manual.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<title>fieldset accessibility test: shadow DOM</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<template id="my-fieldset"> + <fieldset id=fieldset> + <slot name="my-text"></slot> + <input> + </fieldset> +</template> + +<my-fieldset> + <legend slot="my-text">Foo</legend> +</my-fieldset> + +<p>Expected accessible name for id=fieldset: "" + +<script> +customElements.define('my-fieldset', + class extends HTMLElement { + constructor() { + super(); + + const template = document.getElementById('my-fieldset'); + const templateContent = template.content; + + this.attachShadow({mode: 'open'}).appendChild( + templateContent.cloneNode(true) + ); + } + } +); +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/title-attribute-and-empty-legend-manual.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/title-attribute-and-empty-legend-manual.html new file mode 100644 index 0000000000..0169a513a9 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/accessibility/title-attribute-and-empty-legend-manual.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>fieldset accessibility test: title attribute and empty legend</title> +<link rel=help href=https://w3c.github.io/html-aam/#fieldset-element-accessible-name-computation> +<fieldset id=fieldset title="Foo"> + <legend></legend> + <input> +</fieldset> +<p>Expected accessible name for id=fieldset: "Foo" diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-001.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-001.html new file mode 100644 index 0000000000..02137ab97e --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-001.html @@ -0,0 +1,78 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Fieldset disabled</title> +<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-fieldset-element"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<div id="log"></div> +<form> + <fieldset id=fs disabled> + <legend> + <input type=checkbox id=clubc_l1> + <input type=radio id=clubr_l1> + <input type=text id=clubt_l1> + </legend> + <legend><input type=checkbox id=club_l2></legend> + <p><label>Name on card: <input id=clubname required></label></p> + <p><label>Card number: <input id=clubnum required pattern="[-0-9]+"></label></p> + </fieldset> + <fieldset id=fs2 disabled> + <p><legend><input type=checkbox id=club2></legend></p> + <p><label>Name on card: <input id=clubname2 required></label></p> + <p><label>Card number: <input id=clubnum2 required pattern="[-0-9]+"></label></p> + </fieldset> + <fieldset id=fs3 disabled> + <fieldset> + <legend><input type=checkbox id=club3></legend> + </fieldset> + <p><label>Name on card: <input id=clubname3 required></label></p> + <p><label>Card number: <input id=clubnum3 required pattern="[-0-9]+"></label></p> + </fieldset> + <fieldset id=fs4 disabled> + <legend> + <fieldset id=fs4-1><input type=checkbox id=club4></fieldset> + </legend> + <p><label>Name on card: <input id=clubname4 required></label></p> + <p><label>Card number: <input id=clubnum4 required pattern="[-0-9]+"></label></p> + </fieldset> +</form> +<script> + test(function () { + assert_true(document.getElementById('fs').disabled, "The fieldset is disabled"); + assert_false(document.getElementById('clubname').willValidate, "fieldset is disabled so is input 'clubname'"); + assert_false(document.getElementById('clubnum').willValidate, "fieldset is disabled so is input 'clubnum'"); + assert_true(document.getElementById('clubc_l1').willValidate, "input 'clubc_l1' is descendant of the first legend child of the fieldset. It should not be disabled"); + assert_true(document.getElementById('clubr_l1').willValidate, "input 'clubr_l1' is descendant of the first legend child of the fieldset. It should not be disabled"); + assert_true(document.getElementById('clubt_l1').willValidate, "input 'clubt_l1' is descendant of the first legend child of the fieldset. It should not be disabled"); + assert_false(document.getElementById('club_l2').willValidate, "input 'club_l2' is a descendant of the second legend child of the fieldset. It should be disabled"); + }, "The disabled attribute, when specified, causes all the form control descendants of the fieldset element, excluding those that are descendants of the fieldset element's first legend element child, if any, to be disabled."); + + test(function () { + assert_true(document.getElementById('fs2').disabled, "The fieldset is disabled"); + assert_false(document.getElementById('clubname2').willValidate, "fieldset is disabled so is input 'clubname2'"); + assert_false(document.getElementById('clubnum2').willValidate, "fieldset is disabled so is input 'clubnum2'"); + assert_false(document.getElementById('club2').willValidate, "the first legend is not a child of the disabled fieldset: input 'club2' is disabled"); + }, "The first 'legend' element is not a child of the disabled fieldset: Its descendants should be disabled."); + + test(function () { + assert_true(document.getElementById('fs3').disabled, "The fieldset is disabled"); + assert_false(document.getElementById('clubname3').willValidate, "fieldset is disabled so is input 'clubname3'"); + assert_false(document.getElementById('clubnum3').willValidate, "fieldset is disabled so is input 'clubnum3'"); + assert_false(document.getElementById('club3').willValidate, "the first legend is not a child of the disabled fieldset: input 'club3' is disabled"); + }, "The <legend> element is not a child of the disabled fieldset: Its descendants should be disabled."); + + test(function () { + assert_true(document.getElementById('fs4').disabled, "The fieldset is disabled"); + assert_false(document.getElementById('clubname4').willValidate, "fieldset is disabled so is input 'clubname4'"); + assert_false(document.getElementById('clubnum4').willValidate, "fieldset is disabled so is input 'clubnum4'"); + assert_true(document.getElementById('club4').willValidate, "the first legend a child of the disabled fieldset: input 'club4' is disabled"); + }, "The <legend> element is child of the disabled fieldset: Its descendants should be disabled."); + + test(function () { + let fs41 = document.querySelector('#fs4-1'); + fs41.disabled = true; + assert_true(fs41.disabled, "The fieldset in a legend is disabled"); + assert_false(document.getElementById('club4').willValidate, "In a disabled fieldset in the first legend child of another disabled fieldset: input 'club4' is disabled"); + }, "A <fieldset> element is in the <legend> element of another disabled <fieldset>: Its descendants should be disabled."); +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-002.xhtml b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-002.xhtml new file mode 100644 index 0000000000..896d737df4 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-002.xhtml @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>File input descendants of disabled fieldsets</title> + <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" /> + <link rel="help" href="https://html.spec.whatwg.org/multipage/#attr-fieldset-disabled" /> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> +</head> +<body> + <div id="log"></div> + <form> + <fieldset id="fs" disabled="disabled"> + <input id="myfile" type="file" /> + </fieldset> + </form> + <script> + test(function () { + assert_true(document.getElementById('fs').disabled, "disabled fieldset should be disabled"); + assert_false(document.getElementById('myfile').willValidate, "form control descendant of disabled fieldset that is not also a descendant of a legend should be disabled"); + }, "A file input without a disabled attribute that is a descendant of a disabled fieldset should be disabled (modulo legend-related complications that don't apply here)"); + </script> +</body> +</html> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-003.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-003.html new file mode 100644 index 0000000000..de01eb57fc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/disabled-003.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Disable nested fieldsets with focused element</title> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-fieldset-element"> +<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1427047"> +<link rel="author" href="mailto:xiaochengh@chromium.org"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<div id=container1> + <fieldset id=target1> + <legend>foo</legend> + <fieldset> + <legend>bar</legend> + <input id=input1> + </fieldset> + </fieldset> +</div> +<script> +test(() => { + input1.focus(); + target1.disabled = true; + assert_not_equals(document.activeElement, input1); +}, 'Disable light-nested fieldsets should not crash'); +</script> + +<div id=container2></div> +<script> +test(() => { + let n = 100; + let markup = '<fieldset><legend>foo</legend>'.repeat(n) + + '<input id=input2>' + '</fieldset>'.repeat(n); + container2.innerHTML = markup; + input2.focus(); + container2.firstChild.disabled = true; + assert_not_equals(document.activeElement, input2); +}, 'Disable deep-nested fieldsets should not hang'); +</script> + diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-checkvalidity.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-checkvalidity.html new file mode 100644 index 0000000000..eeeca1853b --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-checkvalidity.html @@ -0,0 +1,45 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>Forms</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <p> + <h3>FieldSet_checkValidity</h3> + </p> + + <hr> + + <div id="log"></div> + + <form method="post" + enctype="application/x-www-form-urlencoded" + action="" + id="input_form"> + <fieldset id="input_field"> + </fieldset> + </form> + <script> + + var field = document.getElementById("input_field"); + + try + { + var ret = field.checkValidity(); + + test(function() { + assert_equals(ret, true, "calling of checkValidity method is failed."); + }); + } + catch (e) { + test(function() { + assert_unreached("Error is raised."); + }); + } + + </script> + + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html new file mode 100644 index 0000000000..5ff0d7db41 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Fieldset with intrinsic size</title> +<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-fieldset-element"> +<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#intrinsic"> +<meta name="assert" content="A fieldset with an intrinsic size should be as big as required by the contents."> +<style> +fieldset { + height: min-content; + padding: 7px; + border: 3px solid cyan; +} +fieldset > div { + border: 3px solid orange; +} +.auto { + height: auto; +} +.min-content { + height: min-content; +} +.max-content { + height: max-content; +} +.content-box { + box-sizing: content-box; +} +.border-box { + box-sizing: border-box; +} +</style> + +<div id="log"></div> + +<fieldset class="auto content-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> +<fieldset class="auto border-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> +<fieldset class="min-content content-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> +<fieldset class="min-content border-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> +<fieldset class="max-content content-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> +<fieldset class="max-content border-box"> + <legend>Legend</legend> + <div>Contents</div> +</fieldset> + +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> +for (let fieldset of document.querySelectorAll("fieldset")) { + test(function() { + const fieldsetRect = fieldset.getBoundingClientRect(); + const contentsRect = fieldset.querySelector("div").getBoundingClientRect(); + const fieldsetOuterEnd = fieldsetRect.y + fieldsetRect.height; + const fieldsetInnerEnd = fieldsetOuterEnd - 10; + const contentsOuterEnd = contentsRect.y + contentsRect.height; + assert_equals(fieldsetInnerEnd, contentsOuterEnd); + }, fieldset.className); +} +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-setcustomvalidity.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-setcustomvalidity.html new file mode 100644 index 0000000000..64aa374f19 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-setcustomvalidity.html @@ -0,0 +1,17 @@ +<!DOCTYPE HTML> +<title>fieldset setCustomValidity</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<fieldset id='fieldset_test'></fieldset> + +<script> + +test(() => { + let elem = document.getElementById("fieldset_test"); + assert_false(elem.validity.customError); + elem.setCustomValidity("custom error"); + assert_true(elem.validity.customError); +}, "fieldset setCustomValidity is correct") + +</script> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validationmessage.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validationmessage.html new file mode 100644 index 0000000000..14dda76a13 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validationmessage.html @@ -0,0 +1,41 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>Forms</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <p> + <h3>FieldSet_validationMessage</h3> + </p> + + <hr> + + <div id="log"></div> + + <form method="post" + enctype="application/x-www-form-urlencoded" + action="" + id="input_form"> + <fieldset id="input_field"> + </fieldset> + </form> + <script> + + var field = document.getElementById("input_field"); + + if (typeof(field.validationMessage) == "string") { + test(function() { + assert_equals(field.validationMessage, "", "validationMessage attribute is not correct."); + }); + } else { + test(function() { + assert_unreached("validationMessage attribute is not exist."); + }); + } + + </script> + + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validity.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validity.html new file mode 100644 index 0000000000..7fd2d85656 --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-validity.html @@ -0,0 +1,41 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>Forms</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <p> + <h3>FieldSet_validity</h3> + </p> + + <hr> + + <div id="log"></div> + + <form method="post" + enctype="application/x-www-form-urlencoded" + action="" + id="input_form"> + <fieldset id="input_field"> + </fieldset> + </form> + <script> + + var field = document.getElementById("input_field"); + + if (typeof(field.validity) == "object") { + test(function() { + assert_equals(field.validity.valueMissing, false, "validity attribute is not correct."); + }); + } else { + test(function() { + assert_unreached("validity attribute is not exist."); + }); + } + + </script> + + </body> +</html> diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-willvalidate.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-willvalidate.html new file mode 100644 index 0000000000..357c9c16fb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-willvalidate.html @@ -0,0 +1,41 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>Forms</title> + <script src="/resources/testharness.js"></script> + <script src="/resources/testharnessreport.js"></script> + </head> + <body> + <p> + <h3>FieldSet_willValidate</h3> + </p> + + <hr> + + <div id="log"></div> + + <form method="post" + enctype="application/x-www-form-urlencoded" + action="" + id="input_form"> + <fieldset id="input_field"> + </fieldset> + </form> + <script> + + var field = document.getElementById("input_field"); + + if (typeof(field.willValidate) == "boolean") { + test(function() { + assert_equals(field.willValidate, false, "willValidate attribute is not correct."); + }); + } else { + test(function() { + assert_unreached("willValidate attribute is not exist."); + }); + } + + </script> + + </body> +</html> |