DefineOwnProperty.html | Explore in Territory

<!DOCTYPE html>
<meta charset="utf-8">
<title>Legacy platform objects [[DefineOwnProperty]] method</title>
<link rel="help" href="https://webidl.spec.whatwg.org/#legacy-platform-object-defineownproperty">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="./helper.js"></script>
<script>

test(function() {
  let span = document.createElement("span");
  span.className = "foo";
  // DOMTokenList supports an indexed property getter but not a setter.
  let domTokenList = span.classList;
  // Confirm the test settings.
  assert_equals(domTokenList.length, 1);
  assert_prop_desc_equals(domTokenList, "0",
                          {value: "foo", writable: false, enumerable: true,
                           configurable: true});
  assert_prop_desc_equals(domTokenList, "1", undefined);
  // Actual test
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "0", {value: true, writable: true}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "1", {value: true, writable: true}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "0", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "0", {set: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "1", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domTokenList, "1", {set: () => {}}));
  assert_equals(domTokenList[0], "foo");
  assert_equals(domTokenList[1], undefined);
  domTokenList[0] = "bar";
  domTokenList[1] = "bar";
  assert_equals(domTokenList[0], "foo");
  assert_equals(domTokenList[1], undefined);
  assert_throws_js(TypeError, () => {
    "use strict";
    domTokenList[0] = "bar";
  });
  assert_throws_js(TypeError, () => {
    "use strict";
    domTokenList[1] = "bar";
  });
  // Nothing must change after all.
  assert_equals(domTokenList.length, 1);
  assert_prop_desc_equals(domTokenList, "0",
                          {value: "foo", writable: false, enumerable: true,
                           configurable: true});
  assert_prop_desc_equals(domTokenList, "1", undefined);
}, "Test [[DefineOwnProperty]] with no indexed property setter support.");

test(function() {
  // HTMLSelectElement supports an indexed property setter.
  let select = document.createElement("select");
  let option0 = document.createElement("option");
  let option1 = document.createElement("option");
  // Confirm the test settings.
  assert_equals(select.length, 0);
  assert_prop_desc_equals(select, "0", undefined);
  // Try to define an accessor property with non supported property index.
  assert_throws_js(TypeError, () =>
      Object.defineProperty(select, "0", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(select, "0", {set: () => {}}));
  assert_prop_desc_equals(select, "0", undefined);
  // writable, enumerable, configurable will be ignored.
  Object.defineProperty(select, "0", {value: option0, writable: false,
                                      enumerable: false, configurable: false});
  assert_prop_desc_equals(select, "0",
                          {value: option0, writable: true, enumerable: true,
                           configurable: true});
  select[1] = option1;
  assert_prop_desc_equals(select, "1",
                          {value: option1, writable: true, enumerable: true,
                           configurable: true});
  // Try to define an accessor property with a supported property index.
  assert_throws_js(TypeError, () =>
      Object.defineProperty(select, "0", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(select, "0", {set: () => {}}));
  assert_prop_desc_equals(select, "0",
                          {value: option0, writable: true, enumerable: true,
                           configurable: true});
}, "Test [[DefineOwnProperty]] with indexed property setter support.");

test(function() {
  let dataList = document.createElement("datalist");
  let option0 = document.createElement("option");
  option0.id = "foo";
  dataList.append(option0);
  // HTMLCollection supports a named property getter but not a setter.
  let htmlCollection = dataList.options;
  // Confirm the test settings.
  assert_equals(htmlCollection.length, 1);
  // HTMLCollection is marked LegacyUnenumerableNamedProperties so enumerable
  // is false.
  assert_prop_desc_equals(htmlCollection, "foo",
                          {value: option0, writable: false, enumerable: false,
                           configurable: true});
  assert_prop_desc_equals(htmlCollection, "bar", undefined);
  // Actual test
  assert_throws_js(TypeError, () =>
      Object.defineProperty(htmlCollection, "foo",
                            {value: true, writable: true}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(htmlCollection, "foo", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(htmlCollection, "foo", {set: () => {}}));
  let option1 = document.createElement("option");
  option1.id = "bar";
  Object.defineProperty(htmlCollection, "bar",
                        {value: option1, writable: true});
  assert_equals(htmlCollection["foo"], option0);
  assert_equals(htmlCollection["bar"], option1);
  htmlCollection["foo"] = document.documentElement;
  htmlCollection["baz"] = document.documentElement;
  assert_equals(htmlCollection["foo"], option0);
  assert_equals(htmlCollection["baz"], document.documentElement);
  assert_throws_js(TypeError, () => {
    "use strict";
    htmlCollection["foo"] = document.documentElement;
  });
  // Nothing must change after all for supported property names.
  assert_prop_desc_equals(htmlCollection, "foo",
                          {value: option0, writable: false, enumerable: false,
                           configurable: true});
}, "Test [[DefineOwnProperty]] with no named property setter support.");

test(function() {
  let element = document.createElement("div");
  // DOMStringMap supports a named property setter.
  let domStringMap = element.dataset;
  // Confirm the test settings.
  assert_prop_desc_equals(domStringMap, "foo", undefined);
  // Try to define an accessor property with non supported property name.
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domStringMap, "foo", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domStringMap, "foo", {set: () => {}}));
  assert_prop_desc_equals(domStringMap, "foo", undefined);
  // writable, enumerable, configurable will be ignored.
  Object.defineProperty(domStringMap, "foo",
                        {value: "foo content", writable: false,
                         enumerable: false, configurable: false});
  assert_prop_desc_equals(domStringMap, "foo",
                          {value: "foo content", writable: true,
                           enumerable: true, configurable: true});
  domStringMap["bar"] = "bar content";
  assert_prop_desc_equals(domStringMap, "bar",
                          {value: "bar content", writable: true,
                           enumerable: true, configurable: true});
  // Try to define an accessor property with a supported property name.
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domStringMap, "foo", {get: () => {}}));
  assert_throws_js(TypeError, () =>
      Object.defineProperty(domStringMap, "foo", {set: () => {}}));
  assert_prop_desc_equals(domStringMap, "foo",
                          {value: "foo content", writable: true,
                           enumerable: true, configurable: true});
}, "Test [[DefineOwnProperty]] with named property setter support.");
</script>
chromium/third_party/blink/web_tests/external/wpt/webidl/ecmascript-binding/legacy-platform-object/DefineOwnProperty.html
