summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/dom/lists/DOMTokenList-iteration.html
blob: f713ad4aa06631954ac264f0c978ba02dbb5c84f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>
<meta charset=utf-8>
<title>DOMTokenList iteration: keys, values, etc.</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<span class="   a  a b "></span>
<script>
  test(() => {
    var list = document.querySelector("span").classList;
    assert_array_equals([...list], ["a", "b"]);
  }, "classList");

  test(() => {
    var keys = document.querySelector("span").classList.keys();
    assert_false(keys instanceof Array, "must not be Array");
    keys = [...keys];
    assert_array_equals(keys, [0, 1]);
  }, "classList.keys");

  test(() => {
    var values = document.querySelector("span").classList.values();
    assert_false(values instanceof Array, "must not be Array");
    values = [...values];
    assert_array_equals(values, ["a", "b"]);
  }, "classList.values");

  test(() => {
    var entries = document.querySelector("span").classList.entries();
    assert_false(entries instanceof Array, "must not be Array");
    entries = [...entries];
    var keys = [...document.querySelector("span").classList.keys()];
    var values = [...document.querySelector("span").classList.values()];
    assert_equals(entries.length, keys.length, "entries.length == keys.length");
    assert_equals(entries.length, values.length,
                  "entries.length == values.length");
    for (var i = 0; i < entries.length; ++i) {
      assert_array_equals(entries[i], [keys[i], values[i]],
                          "entries[" + i + "]");
    }
  }, "classList.entries");

  test(() => {
    var list = document.querySelector("span").classList;
    var values = [...list.values()];
    var keys = [...list.keys()];
    var entries = [...list.entries()];

    var cur = 0;
    var thisObj = {};
    list.forEach(function(value, key, listObj) {
      assert_equals(listObj, list, "Entry " + cur + " listObj");
      assert_equals(this, thisObj, "Entry " + cur + " this");
      assert_equals(value, values[cur], "Entry " + cur + " value");
      assert_equals(key, keys[cur], "Entry " + cur + " key");
      cur++;
    }, thisObj);
    assert_equals(cur, entries.length, "length");
  }, "classList.forEach");

  test(() => {
    var list = document.querySelector("span").classList;
    assert_equals(list[Symbol.iterator], Array.prototype[Symbol.iterator],
                  "[Symbol.iterator]");
    assert_equals(list.keys, Array.prototype.keys, ".keys");
    if (Array.prototype.values) {
      assert_equals(list.values, Array.prototype.values, ".values");
    }
    assert_equals(list.entries, Array.prototype.entries, ".entries");
    assert_equals(list.forEach, Array.prototype.forEach, ".forEach");
  }, "classList inheritance from Array.prototype");
</script>