domstringmap-supported-property-names.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /dom/collections/domstringmap-supported-property-names.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<meta charset=utf-8>

<title>DOMStringMap Test: Supported property names</title>

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

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

<div id="log"></div>

<div id="edge1" data-="012">Simple</div>

<div id="edge2" data-id-="012">Simple</div>

<div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth>

    John Doe

</div>

<div id="user2" data-unique-id="1234567890"> Jane Doe </div>

<div id="user3" data-unique-id="4324324241"> Jim Doe </div>

<script>

test(function() {

    var element = document.querySelector('#edge1');

    assert_array_equals(Object.getOwnPropertyNames(element.dataset),

        [""]);

}, "Object.getOwnPropertyNames on DOMStringMap, empty data attribute");

test(function() {

    var element = document.querySelector('#edge2');

    assert_array_equals(Object.getOwnPropertyNames(element.dataset),

        ["id-"]);

}, "Object.getOwnPropertyNames on DOMStringMap, data attribute trailing hyphen");

test(function() {

    var element = document.querySelector('#user');

    assert_array_equals(Object.getOwnPropertyNames(element.dataset),

        ['id', 'user', 'dateOfBirth']);

}, "Object.getOwnPropertyNames on DOMStringMap, multiple data attributes");

test(function() {

    var element = document.querySelector('#user2');

    element.dataset.middleName = "mark";

    assert_array_equals(Object.getOwnPropertyNames(element.dataset),

        ['uniqueId', 'middleName']);

}, "Object.getOwnPropertyNames on DOMStringMap, attribute set on dataset in JS");

test(function() {

    var element = document.querySelector('#user3');

    element.setAttribute("data-age", 30);

    assert_array_equals(Object.getOwnPropertyNames(element.dataset),

        ['uniqueId', 'age']);

}, "Object.getOwnPropertyNames on DOMStringMap, attribute set on element in JS");

</script>