| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <meta charset=utf-8> | |
| 3 <title>Node.cloneNode</title> | |
| 4 <link rel=help href="https://dom.spec.whatwg.org/#dom-node-clonenode"> | |
| 5 <script src="../../../../resources/testharness.js"></script> | |
| 6 <script src="../../../../resources/testharnessreport.js"></script> | |
| 7 <div id=log></div> | |
| 8 <script> | |
| 9 function assert_equal_node(nodeA, nodeB) { | |
| 10 assert_equals(nodeB.nodeType, nodeA.nodeType, "nodeType"); | |
| 11 assert_equals(nodeB.nodeName, nodeA.nodeName, "nodeName"); | |
| 12 | |
| 13 if (nodeA.nodeType === Node.ELEMENT_NODE) { | |
| 14 assert_equals(nodeB.prefix, nodeA.prefix); | |
| 15 assert_equals(nodeB.namespaceURI, nodeA.namespaceURI); | |
| 16 assert_equals(nodeB.localName, nodeA.localName); | |
| 17 assert_equals(nodeB.tagName, nodeA.tagName); | |
| 18 assert_not_equals(nodeB.attributes != nodeA.attributes); | |
| 19 assert_equals(nodeB.attributes.length, nodeA.attributes.length); | |
| 20 for (var i = 0, il = nodeA.attributes.length; i < il; ++i) { | |
| 21 assert_not_equals(nodeB.attributes[i], nodeA.attributes[i]); | |
| 22 assert_equals(nodeB.attributes[i].name, nodeA.attributes[i].name); | |
| 23 assert_equals(nodeB.attributes[i].prefix, nodeA.attributes[i].prefix); | |
| 24 assert_equals(nodeB.attributes[i].namespaceURI, nodeA.attributes[i].namesp
aceURI); | |
| 25 assert_equals(nodeB.attributes[i].value, nodeA.attributes[i].value); | |
| 26 } | |
| 27 } | |
| 28 } | |
| 29 | |
| 30 function check_copy(orig, copy, type) { | |
| 31 assert_not_equals(orig, copy); | |
| 32 assert_equal_node(orig, copy); | |
| 33 assert_true(orig instanceof type, "Should be type"); | |
| 34 assert_true(copy instanceof type, "Should be type"); | |
| 35 } | |
| 36 | |
| 37 function create_element_and_check(localName, type) { | |
| 38 test(function() { | |
| 39 var element = document.createElement(localName); | |
| 40 var copy = element.cloneNode(); | |
| 41 check_copy(element, copy, type); | |
| 42 }, "createElement(" + localName + ")"); | |
| 43 } | |
| 44 | |
| 45 // test1: createElement | |
| 46 test(function() { | |
| 47 create_element_and_check("a", HTMLAnchorElement); | |
| 48 create_element_and_check("abbr", HTMLElement); | |
| 49 create_element_and_check("acronym", HTMLElement); | |
| 50 create_element_and_check("address", HTMLElement); | |
| 51 create_element_and_check("applet", HTMLAppletElement); | |
| 52 create_element_and_check("area", HTMLAreaElement); | |
| 53 create_element_and_check("article", HTMLElement); | |
| 54 create_element_and_check("aside", HTMLElement); | |
| 55 create_element_and_check("audio", HTMLAudioElement); | |
| 56 create_element_and_check("b", HTMLElement); | |
| 57 create_element_and_check("base", HTMLBaseElement); | |
| 58 create_element_and_check("bdi", HTMLElement); | |
| 59 create_element_and_check("bdo", HTMLElement); | |
| 60 create_element_and_check("bgsound", HTMLElement); | |
| 61 create_element_and_check("big", HTMLElement); | |
| 62 create_element_and_check("blockquote",HTMLElement); | |
| 63 create_element_and_check("body", HTMLBodyElement); | |
| 64 create_element_and_check("br", HTMLBRElement); | |
| 65 create_element_and_check("button", HTMLButtonElement); | |
| 66 create_element_and_check("canvas", HTMLCanvasElement); | |
| 67 create_element_and_check("caption", HTMLTableCaptionElement); | |
| 68 create_element_and_check("center", HTMLElement); | |
| 69 create_element_and_check("cite", HTMLElement); | |
| 70 create_element_and_check("code", HTMLElement); | |
| 71 create_element_and_check("col", HTMLTableColElement); | |
| 72 create_element_and_check("colgroup", HTMLTableColElement); | |
| 73 create_element_and_check("data", HTMLDataElement); | |
| 74 create_element_and_check("datalist", HTMLDataListElement); | |
| 75 create_element_and_check("dialog", HTMLDialogElement); | |
| 76 create_element_and_check("dd", HTMLElement); | |
| 77 create_element_and_check("del", HTMLModElement); | |
| 78 create_element_and_check("details", HTMLElement); | |
| 79 create_element_and_check("dfn", HTMLElement); | |
| 80 create_element_and_check("dir", HTMLDirectoryElement); | |
| 81 create_element_and_check("div", HTMLDivElement); | |
| 82 create_element_and_check("dl", HTMLDListElement); | |
| 83 create_element_and_check("dt", HTMLElement); | |
| 84 create_element_and_check("embed", HTMLEmbedElement); | |
| 85 create_element_and_check("fieldset", HTMLFieldSetElement); | |
| 86 create_element_and_check("figcaption",HTMLElement); | |
| 87 create_element_and_check("figure", HTMLElement); | |
| 88 create_element_and_check("font", HTMLFontElement); | |
| 89 create_element_and_check("footer", HTMLElement); | |
| 90 create_element_and_check("form", HTMLFormElement); | |
| 91 create_element_and_check("frame", HTMLFrameElement); | |
| 92 create_element_and_check("frameset", HTMLFrameSetElement); | |
| 93 create_element_and_check("h1", HTMLHeadingElement); | |
| 94 create_element_and_check("h2", HTMLHeadingElement); | |
| 95 create_element_and_check("h3", HTMLHeadingElement); | |
| 96 create_element_and_check("h4", HTMLHeadingElement); | |
| 97 create_element_and_check("h5", HTMLHeadingElement); | |
| 98 create_element_and_check("h6", HTMLHeadingElement); | |
| 99 create_element_and_check("head", HTMLHeadElement); | |
| 100 create_element_and_check("header", HTMLElement); | |
| 101 create_element_and_check("hgroup", HTMLElement); | |
| 102 create_element_and_check("hr", HTMLHRElement); | |
| 103 create_element_and_check("html", HTMLHtmlElement); | |
| 104 create_element_and_check("i", HTMLElement); | |
| 105 create_element_and_check("iframe", HTMLIFrameElement); | |
| 106 create_element_and_check("img", HTMLImageElement); | |
| 107 create_element_and_check("input", HTMLInputElement); | |
| 108 create_element_and_check("ins", HTMLModElement); | |
| 109 create_element_and_check("isindex", HTMLElement); | |
| 110 create_element_and_check("kbd", HTMLElement); | |
| 111 create_element_and_check("label", HTMLLabelElement); | |
| 112 create_element_and_check("legend", HTMLLegendElement); | |
| 113 create_element_and_check("li", HTMLLIElement); | |
| 114 create_element_and_check("link", HTMLLinkElement); | |
| 115 create_element_and_check("main", HTMLElement); | |
| 116 create_element_and_check("map", HTMLMapElement); | |
| 117 create_element_and_check("mark", HTMLElement); | |
| 118 create_element_and_check("marquee", HTMLElement); | |
| 119 create_element_and_check("meta", HTMLMetaElement); | |
| 120 create_element_and_check("meter", HTMLMeterElement); | |
| 121 create_element_and_check("nav", HTMLElement); | |
| 122 create_element_and_check("nobr", HTMLElement); | |
| 123 create_element_and_check("noframes", HTMLElement); | |
| 124 create_element_and_check("noscript", HTMLElement); | |
| 125 create_element_and_check("object", HTMLObjectElement); | |
| 126 create_element_and_check("ol", HTMLOListElement); | |
| 127 create_element_and_check("optgroup", HTMLOptGroupElement); | |
| 128 create_element_and_check("option", HTMLOptionElement); | |
| 129 create_element_and_check("output", HTMLOutputElement); | |
| 130 create_element_and_check("p", HTMLParagraphElement); | |
| 131 create_element_and_check("param", HTMLParamElement); | |
| 132 create_element_and_check("pre", HTMLPreElement); | |
| 133 create_element_and_check("progress", HTMLProgressElement); | |
| 134 create_element_and_check("q", HTMLQuoteElement); | |
| 135 create_element_and_check("rp", HTMLElement); | |
| 136 create_element_and_check("rt", HTMLElement); | |
| 137 create_element_and_check("ruby", HTMLElement); | |
| 138 create_element_and_check("s", HTMLElement); | |
| 139 create_element_and_check("samp", HTMLElement); | |
| 140 create_element_and_check("script", HTMLScriptElement); | |
| 141 create_element_and_check("section", HTMLElement); | |
| 142 create_element_and_check("select", HTMLSelectElement); | |
| 143 create_element_and_check("small", HTMLElement); | |
| 144 create_element_and_check("source", HTMLSourceElement); | |
| 145 create_element_and_check("spacer", HTMLElement); | |
| 146 create_element_and_check("span", HTMLSpanElement); | |
| 147 create_element_and_check("strike", HTMLElement); | |
| 148 create_element_and_check("style", HTMLStyleElement); | |
| 149 create_element_and_check("sub", HTMLElement); | |
| 150 create_element_and_check("summary", HTMLElement); | |
| 151 create_element_and_check("sup", HTMLElement); | |
| 152 create_element_and_check("table", HTMLTableElement); | |
| 153 create_element_and_check("tbody", HTMLTableSectionElement); | |
| 154 create_element_and_check("td", HTMLTableCellElement); | |
| 155 create_element_and_check("template", HTMLTemplateElement); | |
| 156 create_element_and_check("textarea", HTMLTextAreaElement); | |
| 157 create_element_and_check("th", HTMLTableCellElement); | |
| 158 create_element_and_check("time", HTMLTimeElement); | |
| 159 create_element_and_check("title", HTMLTitleElement); | |
| 160 create_element_and_check("tr", HTMLTableRowElement); | |
| 161 create_element_and_check("tt", HTMLElement); | |
| 162 create_element_and_check("track", HTMLTrackElement); | |
| 163 create_element_and_check("u", HTMLElement); | |
| 164 create_element_and_check("ul", HTMLUListElement); | |
| 165 create_element_and_check("var", HTMLElement); | |
| 166 create_element_and_check("video", HTMLVideoElement); | |
| 167 create_element_and_check("unknown", HTMLUnknownElement); | |
| 168 create_element_and_check("wbr", HTMLElement); | |
| 169 }, ""); | |
| 170 | |
| 171 test(function() { | |
| 172 var fragment = document.createDocumentFragment(); | |
| 173 var copy = fragment.cloneNode(); | |
| 174 check_copy(fragment, copy, DocumentFragment); | |
| 175 }, "createDocumentFragment"); | |
| 176 | |
| 177 test(function() { | |
| 178 var text = document.createTextNode("hello world"); | |
| 179 var copy = text.cloneNode(); | |
| 180 check_copy(text, copy, Text); | |
| 181 assert_equals(text.data, copy.data); | |
| 182 assert_equals(text.wholeText, copy.wholeText); | |
| 183 }, "createTextNode"); | |
| 184 | |
| 185 test(function() { | |
| 186 var comment = document.createComment("a comment"); | |
| 187 var copy = comment.cloneNode(); | |
| 188 check_copy(comment, copy, Comment); | |
| 189 assert_equals(comment.data, copy.data); | |
| 190 }, "createComment"); | |
| 191 | |
| 192 test(function() { | |
| 193 var el = document.createElement("foo"); | |
| 194 el.setAttribute("a", "b"); | |
| 195 el.setAttribute("c", "d"); | |
| 196 var c = el.cloneNode(); | |
| 197 check_copy(el, c, Element); | |
| 198 }, "createElement with attributes") | |
| 199 | |
| 200 test(function() { | |
| 201 var el = document.createElementNS("http://www.w3.org/1999/xhtml", "foo:div"); | |
| 202 var c = el.cloneNode(); | |
| 203 check_copy(el, c, HTMLDivElement); | |
| 204 }, "createElementNS HTML") | |
| 205 | |
| 206 test(function() { | |
| 207 var el = document.createElementNS("http://www.example.com/", "foo:div"); | |
| 208 var c = el.cloneNode(); | |
| 209 check_copy(el, c, Element); | |
| 210 }, "createElementNS non-HTML") | |
| 211 | |
| 212 test(function() { | |
| 213 var pi = document.createProcessingInstruction("target", "data"); | |
| 214 var copy = pi.cloneNode(); | |
| 215 check_copy(pi, copy, ProcessingInstruction); | |
| 216 assert_equals(pi.data, copy.data); | |
| 217 assert_equals(pi.target, pi.target); | |
| 218 }, "createProcessingInstruction"); | |
| 219 | |
| 220 test(function() { | |
| 221 var doctype = document.implementation.createDocumentType("html", "public", "
system"); | |
| 222 var copy = doctype.cloneNode(); | |
| 223 check_copy(doctype, copy, DocumentType); | |
| 224 assert_equals(doctype.name, copy.name); | |
| 225 assert_equals(doctype.publicId, copy.publicId); | |
| 226 assert_equals(doctype.systemId, copy.systemId); | |
| 227 }, "implementation.createDocumentType"); | |
| 228 | |
| 229 test(function() { | |
| 230 var doc = document.implementation.createDocument(null, null); | |
| 231 var copy = doc.cloneNode(); | |
| 232 check_copy(doc, copy, Document); | |
| 233 assert_equals(doc.contentType, copy.contentType); | |
| 234 }, "implementation.createDocument"); | |
| 235 | |
| 236 test(function() { | |
| 237 var html = document.implementation.createHTMLDocument("title"); | |
| 238 var copy = html.cloneNode(); | |
| 239 check_copy(html, copy, Document); | |
| 240 assert_equals(copy.title, ""); | |
| 241 }, "implementation.createHTMLDocument"); | |
| 242 | |
| 243 test(function() { | |
| 244 var parent = document.createElement("div"); | |
| 245 var child1 = document.createElement("div"); | |
| 246 var child2 = document.createElement("div"); | |
| 247 var grandChild = document.createElement("div"); | |
| 248 | |
| 249 child2.appendChild(grandChild); | |
| 250 parent.appendChild(child1); | |
| 251 parent.appendChild(child2); | |
| 252 | |
| 253 var deep = true; | |
| 254 var copy = parent.cloneNode(deep); | |
| 255 | |
| 256 check_copy(parent, copy, HTMLDivElement); | |
| 257 assert_equals(copy.childNodes.length, 2); | |
| 258 | |
| 259 check_copy(child1, copy.childNodes[0], HTMLDivElement); | |
| 260 assert_equals(copy.childNodes[0].childNodes.length, 0); | |
| 261 | |
| 262 check_copy(child2, copy.childNodes[1], HTMLDivElement); | |
| 263 assert_equals(copy.childNodes[1].childNodes.length, 1); | |
| 264 check_copy(grandChild, copy.childNodes[1].childNodes[0], HTMLDivElement); | |
| 265 | |
| 266 deep = false; | |
| 267 copy = parent.cloneNode(deep); | |
| 268 | |
| 269 check_copy(parent, copy, HTMLDivElement); | |
| 270 assert_equals(copy.childNodes.length, 0); | |
| 271 }, "node with children"); | |
| 272 </script> | |
| OLD | NEW |