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> |
10 <script src="./resources/reactions.js"></script> | 11 <script src="./resources/reactions.js"></script> |
11 </head> | 12 </head> |
12 <body> | 13 <body> |
13 <div id="log"></div> | 14 <div id="log"></div> |
14 <script> | 15 <script> |
15 | 16 |
16 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); | 17 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); |
17 testReflectAttribute('className', 'class', 'foo', 'bar', 'className on Element')
; | 18 testReflectAttribute('className', 'class', 'foo', 'bar', 'className on Element')
; |
18 testReflectAttribute('slot', 'slot', 'foo', 'bar', 'slot on Element'); | 19 testReflectAttribute('slot', 'slot', 'foo', 'bar', 'slot on Element'); |
19 | 20 |
20 testAttributeAdder(function (element, name, value) { | 21 testAttributeAdder(function (element, name, value) { |
21 element.setAttribute(name, value); | 22 element.setAttribute(name, value); |
22 }, 'setAttribute on Element'); | 23 }, 'setAttribute on Element'); |
23 | 24 |
24 testAttributeAdder(function (element, name, value) { | 25 testAttributeAdder(function (element, name, value) { |
25 element.setAttributeNS(null, name, value); | 26 element.setAttributeNS(null, name, value); |
26 }, 'setAttributeNS on Element'); | 27 }, 'setAttributeNS on Element'); |
27 | 28 |
28 testAttributeRemover(function (element, name, value) { | 29 testAttributeRemover(function (element, name) { |
29 element.removeAttribute(name, value); | 30 element.removeAttribute(name); |
30 }, 'removeAttribute on Element'); | 31 }, 'removeAttribute on Element'); |
31 | 32 |
32 testAttributeRemover(function (element, name, value) { | 33 testAttributeRemover(function (element, name) { |
33 element.removeAttributeNS(null, name, value); | 34 element.removeAttributeNS(null, name); |
34 }, 'removeAttributeNS on Element'); | 35 }, 'removeAttributeNS on Element'); |
35 | 36 |
36 testAttributeAdder(function (element, name, value) { | 37 testAttributeAdder(function (element, name, value) { |
37 var attr = document.createAttribute(name); | 38 var attr = document.createAttribute(name); |
38 attr.value = value; | 39 attr.value = value; |
39 element.setAttributeNode(attr); | 40 element.setAttributeNode(attr); |
40 }, 'setAttributeNode on Element'); | 41 }, 'setAttributeNode on Element'); |
41 | 42 |
42 testAttributeAdder(function (element, name, value) { | 43 testAttributeAdder(function (element, name, value) { |
43 var attr = document.createAttribute(name); | 44 var attr = document.createAttribute(name); |
44 attr.value = value; | 45 attr.value = value; |
45 element.setAttributeNodeNS(attr); | 46 element.setAttributeNodeNS(attr); |
46 }, 'setAttributeNodeNS on Element'); | 47 }, 'setAttributeNodeNS on Element'); |
47 | 48 |
48 testAttributeRemover(function (element, name, value) { | 49 testAttributeRemover(function (element, name) { |
49 var attr = element.getAttributeNode(name); | 50 var attr = element.getAttributeNode(name); |
50 if (attr) | 51 if (attr) |
51 element.removeAttributeNode(element.getAttributeNode(name)); | 52 element.removeAttributeNode(element.getAttributeNode(name)); |
52 }, 'removeAttributeNode on Element'); | 53 }, 'removeAttributeNode on Element'); |
53 | 54 |
54 testNodeConnector(function (newContainer, element) { | 55 testNodeConnector(function (newContainer, element) { |
55 newContainer.insertAdjacentElement('afterBegin', element); | 56 newContainer.insertAdjacentElement('afterBegin', element); |
56 }); | 57 }); |
57 | 58 |
58 </script> | 59 </script> |
59 </body> | 60 </body> |
60 </html> | 61 </html> |
OLD | NEW |