OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Custom Elements: CEReactions on Node interface</title> | 4 <title>Custom Elements: CEReactions on Node interface</title> |
5 <meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org"> | 5 <meta name="author" title="Ryosuke Niwa" href="mailto:rniwa@webkit.org"> |
6 <meta name="assert" content="id, className, slot, setAttribute, setAttributeNS,
removeAttribute, removeAttributeNS, setAttributeNode, setAttributeNodeNS, remove
AttributeNode, and insertAdjacentElement of Element interface must have CEReacti
ons"> | 6 <meta name="assert" content="id, className, slot, setAttribute, setAttributeNS,
removeAttribute, removeAttributeNS, setAttributeNode, setAttributeNodeNS, remove
AttributeNode, and insertAdjacentElement of Element interface must have CEReacti
ons"> |
7 <meta name="help" content="https://dom.spec.whatwg.org/#element"> | 7 <meta name="help" content="https://dom.spec.whatwg.org/#element"> |
8 <script src="/resources/testharness.js"></script> | 8 <script src="/resources/testharness.js"></script> |
9 <script src="/resources/testharnessreport.js"></script> | 9 <script src="/resources/testharnessreport.js"></script> |
10 <script src="../resources/custom-elements-helpers.js"></script> | |
11 <script src="./resources/reactions.js"></script> | 10 <script src="./resources/reactions.js"></script> |
12 </head> | 11 </head> |
13 <body> | 12 <body> |
14 <div id="log"></div> | 13 <div id="log"></div> |
15 <script> | 14 <script> |
16 | 15 |
17 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); | 16 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); |
18 testReflectAttribute('className', 'class', 'foo', 'bar', 'className on Element')
; | 17 testReflectAttribute('className', 'class', 'foo', 'bar', 'className on Element')
; |
19 testReflectAttribute('slot', 'slot', 'foo', 'bar', 'slot on Element'); | 18 testReflectAttribute('slot', 'slot', 'foo', 'bar', 'slot on Element'); |
20 | 19 |
21 testAttributeAdder(function (element, name, value) { | 20 testAttributeAdder(function (element, name, value) { |
22 element.setAttribute(name, value); | 21 element.setAttribute(name, value); |
23 }, 'setAttribute on Element'); | 22 }, 'setAttribute on Element'); |
24 | 23 |
25 testAttributeAdder(function (element, name, value) { | 24 testAttributeAdder(function (element, name, value) { |
26 element.setAttributeNS(null, name, value); | 25 element.setAttributeNS(null, name, value); |
27 }, 'setAttributeNS on Element'); | 26 }, 'setAttributeNS on Element'); |
28 | 27 |
29 testAttributeRemover(function (element, name) { | 28 testAttributeRemover(function (element, name, value) { |
30 element.removeAttribute(name); | 29 element.removeAttribute(name, value); |
31 }, 'removeAttribute on Element'); | 30 }, 'removeAttribute on Element'); |
32 | 31 |
33 testAttributeRemover(function (element, name) { | 32 testAttributeRemover(function (element, name, value) { |
34 element.removeAttributeNS(null, name); | 33 element.removeAttributeNS(null, name, value); |
35 }, 'removeAttributeNS on Element'); | 34 }, 'removeAttributeNS on Element'); |
36 | 35 |
37 testAttributeAdder(function (element, name, value) { | 36 testAttributeAdder(function (element, name, value) { |
38 var attr = document.createAttribute(name); | 37 var attr = document.createAttribute(name); |
39 attr.value = value; | 38 attr.value = value; |
40 element.setAttributeNode(attr); | 39 element.setAttributeNode(attr); |
41 }, 'setAttributeNode on Element'); | 40 }, 'setAttributeNode on Element'); |
42 | 41 |
43 testAttributeAdder(function (element, name, value) { | 42 testAttributeAdder(function (element, name, value) { |
44 var attr = document.createAttribute(name); | 43 var attr = document.createAttribute(name); |
45 attr.value = value; | 44 attr.value = value; |
46 element.setAttributeNodeNS(attr); | 45 element.setAttributeNodeNS(attr); |
47 }, 'setAttributeNodeNS on Element'); | 46 }, 'setAttributeNodeNS on Element'); |
48 | 47 |
49 testAttributeRemover(function (element, name) { | 48 testAttributeRemover(function (element, name, value) { |
50 var attr = element.getAttributeNode(name); | 49 var attr = element.getAttributeNode(name); |
51 if (attr) | 50 if (attr) |
52 element.removeAttributeNode(element.getAttributeNode(name)); | 51 element.removeAttributeNode(element.getAttributeNode(name)); |
53 }, 'removeAttributeNode on Element'); | 52 }, 'removeAttributeNode on Element'); |
54 | 53 |
55 testNodeConnector(function (newContainer, element) { | 54 testNodeConnector(function (newContainer, element) { |
56 newContainer.insertAdjacentElement('afterBegin', element); | 55 newContainer.insertAdjacentElement('afterBegin', element); |
57 }); | 56 }); |
58 | 57 |
59 </script> | 58 </script> |
60 </body> | 59 </body> |
61 </html> | 60 </html> |
OLD | NEW |