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 Element 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, insertAdjacentElement, innerHTML, outerHTML, and insertAdjacentHT
ML of Element interface must have CEReactions"> |
7 <meta name="help" content="https://dom.spec.whatwg.org/#element"> | 7 <meta name="help" content="https://dom.spec.whatwg.org/#element"> |
| 8 <meta name="help" content="https://w3c.github.io/DOM-Parsing/"> |
8 <script src="/resources/testharness.js"></script> | 9 <script src="/resources/testharness.js"></script> |
9 <script src="/resources/testharnessreport.js"></script> | 10 <script src="/resources/testharnessreport.js"></script> |
10 <script src="../resources/custom-elements-helpers.js"></script> | 11 <script src="../resources/custom-elements-helpers.js"></script> |
11 <script src="./resources/reactions.js"></script> | 12 <script src="./resources/reactions.js"></script> |
12 </head> | 13 </head> |
13 <body> | 14 <body> |
14 <div id="log"></div> | 15 <div id="log"></div> |
15 <script> | 16 <script> |
16 | 17 |
17 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); | 18 testReflectAttribute('id', 'id', 'foo', 'bar', 'id on Element'); |
(...skipping 29 matching lines...) Expand all Loading... |
47 }, 'setAttributeNodeNS on Element'); | 48 }, 'setAttributeNodeNS on Element'); |
48 | 49 |
49 testAttributeRemover(function (element, name) { | 50 testAttributeRemover(function (element, name) { |
50 var attr = element.getAttributeNode(name); | 51 var attr = element.getAttributeNode(name); |
51 if (attr) | 52 if (attr) |
52 element.removeAttributeNode(element.getAttributeNode(name)); | 53 element.removeAttributeNode(element.getAttributeNode(name)); |
53 }, 'removeAttributeNode on Element'); | 54 }, 'removeAttributeNode on Element'); |
54 | 55 |
55 testNodeConnector(function (newContainer, element) { | 56 testNodeConnector(function (newContainer, element) { |
56 newContainer.insertAdjacentElement('afterBegin', element); | 57 newContainer.insertAdjacentElement('afterBegin', element); |
57 }); | 58 }, 'insertAdjacentElement on Element'); |
| 59 |
| 60 testInsertingMarkup(function (newContainer, markup) { |
| 61 newContainer.innerHTML = markup; |
| 62 }, 'innerHTML on Element'); |
| 63 |
| 64 testNodeDisconnector(function (customElement) { |
| 65 customElement.parentNode.innerHTML = ''; |
| 66 }, 'innerHTML on Element'); |
| 67 |
| 68 testInsertingMarkup(function (newContainer, markup) { |
| 69 newContainer.firstChild.outerHTML = markup; |
| 70 }, 'outerHTML on Element'); |
| 71 |
| 72 testNodeDisconnector(function (customElement) { |
| 73 customElement.outerHTML = ''; |
| 74 }, 'outerHTML on Element'); |
| 75 |
| 76 testInsertingMarkup(function (newContainer, markup) { |
| 77 newContainer.insertAdjacentHTML('afterBegin', markup); |
| 78 }, 'insertAdjacentHTML on Element'); |
58 | 79 |
59 </script> | 80 </script> |
60 </body> | 81 </body> |
61 </html> | 82 </html> |
OLD | NEW |