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
|
<!DOCTYPE html>
<title>Custom Elements: CEReactions on HTMLMetaElement interface</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<meta name="assert" content="name, httpEquiv, content of
HTMLMetaElement interface must have CEReactions">
<meta name="help" content="https://html.spec.whatwg.org/#the-meta-element">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/custom-elements-helpers.js"></script>
<script src="../resources/reactions.js"></script>
<script>
function getParentElement() {
return document.head;
}
function setAttributes(instance, attribute, value) {
instance.setAttribute(attribute, value);
}
testReflectAttributeWithDependentAttributes(
'name', 'name', 'description',
'keywords', 'name on HTMLMetaElement', 'meta',
getParentElement,
instance => setAttributes(instance, 'content', 'HTMLMetaElement'),
HTMLMetaElement
);
testReflectAttributeWithDependentAttributes(
'content', 'content', 'name1',
'name2', 'content on HTMLMetaElement', 'meta',
getParentElement, instance => setAttributes(instance, 'name', 'author'),
HTMLMetaElement
);
test(() => {
let element = define_build_in_custom_element(
['http-equiv'], HTMLMetaElement, 'meta'
);
let instance = document.createElement('meta', { is: element.name });
assert_array_equals(element.takeLog().types(), ['constructed']);
document.head.appendChild(instance);
assert_array_equals(element.takeLog().types(), ['connected']);
instance['content'] = '300';
instance['httpEquiv'] = 'refresh';
let logEntries = element.takeLog();
assert_array_equals(logEntries.types(), ['attributeChanged']);
assert_attribute_log_entry(logEntries.last(), {
name: 'http-equiv', oldValue: null, newValue: 'refresh', namespace: null
});
}, 'httpEquiv on HTMLMetaElement must enqueue an attributeChanged'
+ ' reaction when adding a new attribute');
test(() => {
let element = define_build_in_custom_element(
['http-equiv'], HTMLMetaElement, 'meta'
);
let instance = document.createElement('meta', { is: element.name });
document.head.appendChild(instance);
assert_array_equals(element.takeLog().types(), ['constructed', 'connected']);
instance['content'] = 'text/html; charset=UTF-8';
instance['httpEquiv'] = 'content-type';
assert_array_equals(element.takeLog().types(), ['attributeChanged']);
instance['content'] = '300';
instance['httpEquiv'] = 'refresh';
let logEntries = element.takeLog();
assert_array_equals(logEntries.types(), ['attributeChanged']);
assert_attribute_log_entry(logEntries.last(), {
name: 'http-equiv', oldValue: 'content-type',
newValue: 'refresh', namespace: null
});
}, 'httpEquiv on HTMLMetaElement must enqueue an attributeChanged'
+ ' reaction when replacing an existing attribute');
</script>
|
