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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
<!DOCTYPE html>
<meta charset=utf-8>
<title>Named items: imgs</title>
<link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-document-nameditem">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<div id="test">
<img name=test1>
<img name=test2>
<img name=test2>
<img id=test3>
<img id=test4>
<img id=test4 name="">
<img name=test5>
<img id=test5>
<img id=test6>
<img name=test6>
<img name="test7">
<img>
<img name="test9">
</div>
<script>
test(function() {
var img = document.getElementsByTagName("img")[0];
assert_equals(img.name, "test1");
assert_true("test1" in document, '"test1" in document should be true');
assert_equals(document.test1, img);
}, "If there is one img, it should be returned (name)");
test(function() {
var img1 = document.getElementsByTagName("img")[1];
assert_equals(img1.name, "test2");
var img2 = document.getElementsByTagName("img")[2];
assert_equals(img2.name, "test2");
assert_true("test2" in document, '"test2" in document should be true');
var collection = document.test2;
assert_class_string(collection, "HTMLCollection", "collection should be an HTMLCollection");
assert_array_equals(collection, [img1, img2]);
}, "If there are two imgs, a collection should be returned. (name)");
test(function() {
var img = document.getElementsByTagName("img")[3];
assert_equals(img.id, "test3");
assert_false("test3" in document, '"test3" in document should be false');
assert_equals(document.test3, undefined);
}, "If there is one img, it should not be returned (id)");
test(function() {
var img1 = document.getElementsByTagName("img")[4];
assert_equals(img1.id, "test4");
var img2 = document.getElementsByTagName("img")[5];
assert_equals(img2.id, "test4");
assert_false("test4" in document, '"test4" in document should be false');
assert_equals(document.test4, undefined);
}, "If there are two imgs, nothing should be returned. (id)");
test(function() {
var img1 = document.getElementsByTagName("img")[6];
assert_equals(img1.name, "test5");
var img2 = document.getElementsByTagName("img")[7];
assert_equals(img2.id, "test5");
assert_true("test5" in document, '"test5" in document should be true');
assert_equals(document.test5, img1);
}, "If there are two imgs, the one with a name should be returned. (name and id)");
test(function() {
var img1 = document.getElementsByTagName("img")[8];
assert_equals(img1.id, "test6");
var img2 = document.getElementsByTagName("img")[9];
assert_equals(img2.name, "test6");
assert_true("test6" in document, '"test6" in document should be true');
assert_equals(document.test6, img2);
}, "If there are two imgs, the one with a name should be returned. (id and name)");
test(function() {
var img = document.getElementsByTagName("img")[10];
assert_equals(img.name, "test7");
assert_true("test7" in document, 'test7 in document should be true');
assert_equals(document["test7"], img);
assert_equals(document.test7, img);
img.removeAttribute("name");
assert_false("test7" in document, 'test7 in document should be false');
assert_equals(document["test7"], undefined);
assert_equals(document.test7, undefined);
}, "Dynamically removing the name attribute from img elements, should not be accessible.");
test(function() {
var img = document.getElementsByTagName("img")[11];
img.setAttribute("name", "test8a");
assert_true("test8a" in document, 'test8a in document should be true');
assert_equals(document["test8a"], img);
assert_equals(document.test8a, img);
img.setAttribute("name", "test8b");
assert_false("test8a" in document, 'test8a in document should be false');
assert_equals(document["test8a"], undefined);
assert_equals(document.test8a, undefined);
assert_true("test8b" in document, 'test8b in document should be true');
assert_equals(document["test8b"], img);
assert_equals(document.test8b, img);
}, "Dynamically updating the name attribute from img elements, should be accessible by its name.");
test(function() {
var img = document.getElementsByTagName("img")[12];
assert_equals(img.name, "test9");
assert_true("test9" in document, 'test9 in document should be true');
assert_equals(document["test9"], img);
assert_equals(document.test9, img);
img.remove();
assert_false("test9" in document, 'test9 in document should be false');
assert_equals(document["test9"], undefined);
assert_equals(document.test9, undefined);
}, "img elements that is removed, should not be accessible.");
</script>
|
