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
|
<!DOCTYPE html>
<title>Only certain HTML elements reflect the name content attribute as a property</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/html/resources/common.js"></script>
<div id="log"></div>
<script>
function doesReflect(tagName) {
var element = document.createElement(tagName);
element.setAttribute("name", "foo");
assert_equals(element.getAttribute("name"), "foo", "setAttribute should change content attribute");
element.name = "bar";
assert_equals(element.getAttribute("name"), "bar", "assignment to .name should change content attribute");
}
function doesNotReflect(tagName) {
var element = document.createElement(tagName);
element.setAttribute("name", "foo");
assert_equals(element.getAttribute("name"), "foo", "setAttribute should change content attribute");
element.name = "bar";
assert_equals(element.getAttribute("name"), "foo", "assignment to .name should not change content attribute");
}
var reflectingTagNames = [
"a", "button", "embed", "fieldset", "form", "frame",
"iframe", "img", "input", "map", "meta", "object", "output",
"param", "select", "slot", "textarea",
];
const old_and_new_elements = [...HTML5_ELEMENTS, ...HTML5_DEPRECATED_ELEMENTS];
const nonReflectingTagNames = old_and_new_elements.filter(x => !reflectingTagNames.includes(x));
reflectingTagNames.forEach(function(tagName) {
test(function() {
doesReflect(tagName)
}, tagName + " element's name property reflects its content attribute");
});
nonReflectingTagNames.forEach(function(tagName) {
test(function() {
doesNotReflect(tagName)
}, tagName + " element's name property does not reflect its content attribute");
});
</script>
|
