| <!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_true(children_outer instanceof HTMLFormControlsCollection, |
| "The elements attribute should be an HTMLFormControlsCollection object"); |
| }, "The elements must return an HTMLFormControlsCollection 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> |