| 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 |