select-add.html - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-select-element/select-add.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>HTMLSelectElement Test: add()</title>

<link rel="author" title="Intel" href="http://www.intel.com/">

<link rel="help" href="https://html.spec.whatwg.org/multipage/form-elements.html#dom-select-add-dev">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<form style="display:none">

  <option id="testoption">

    <select id="testselect1">

    </select>

    <select id="testselect2">

      <option>TEST</option>

    </select>

  </option>

</form>

<script>

test(() => {

  let testselect1 = document.getElementById("testselect1");

  let opt1 = new Option("Marry","1");

  testselect1.add(opt1);

  assert_equals(testselect1.options[0].value, "1");

}, "test that HTMLSelectElement.add method can add option element");

test(() => {

  let testselect2 = document.getElementById("testselect2");

  let opt2 = document.getElementById("testoption");

  assert_throws_dom("HierarchyRequestError", () => {

    testselect2.add(opt2);

});

}, "test that HierarchyRequestError exception must be thrown when element is an ancestor of the element into which it is to be inserted");

</script>