| <!DOCTYPE html> |
| <!-- |
| | This test is based on csp test |
| | blink-contrib/inline-style-allowed-while-cloning-objects.sub.html |
| | Cloning an object should copy its style as well. |
| --> |
| <html> |
| <head> |
| <title>inline-style-allowed-while-cloning-objects</title> |
| <script> |
| if (window.testRunner) { |
| window.testRunner.waitUntilDone(); |
| } |
| |
| window.onload = function() { |
| if (window.testRunner) { |
| window.testRunner.DoNonMeasuredLayout(); |
| } |
| |
| window.nodes = document.getElementById('nodes'); |
| window.node1 = document.getElementById('node1'); |
| window.node1.style.background = "yellow"; |
| window.node1.style.color = "red"; |
| window.node2 = document.getElementById('node1').cloneNode(true); |
| window.node2.id = "node2"; |
| window.node3 = document.getElementById('node3'); |
| window.node3.style.background = "blue"; |
| window.node3.style.color = "green"; |
| window.node4 = document.getElementById('node3').cloneNode(false); |
| window.node4.id = "node4"; |
| window.node4.innerHTML = "Node #4"; |
| nodes.appendChild(node1); |
| nodes.appendChild(node2); |
| nodes.appendChild(node3); |
| nodes.appendChild(node4); |
| |
| if (window.testRunner) { |
| window.testRunner.notifyDone(); |
| } |
| }; |
| </script> |
| </head> |
| |
| <body> |
| <div id="nodes"> |
| <div id="node1"> This is a div. (node 1 or 2)</div> |
| <div id="node3"> This is a div. (node 3 or 4)</div> |
| </div> |
| </body> |
| |
| </html> |
