| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| |
| function createTestNode(id) { |
| let node = document.body.appendChild(document.createElement("div")); |
| node.id = id; |
| node.setAttributeNS("http://example.com", "attribute:existing", 42); |
| } |
| |
| function test() { |
| let documentNode = null; |
| |
| let suite = InspectorTest.createAsyncSuite("DOM.attributeModified"); |
| |
| suite.addTestCase({ |
| name: "DOM.attributeModified.WithNamespace", |
| description: "Check that the attributeModified event sends the full attribute name, including the namespace.", |
| async test() { |
| const id = "with-namespace"; |
| |
| InspectorTest.log("Creating test node..."); |
| await InspectorTest.evaluateInPage(`createTestNode("${id}")`); |
| let testNodeId = await WI.domManager.querySelector(documentNode.id, "#" + id); |
| let testNode = WI.domManager.nodeForId(testNodeId); |
| InspectorTest.assert(testNode, "Missing test node for id " + testNodeId); |
| |
| function logAttributes() { |
| let attributes = {}; |
| for (let attribute of testNode.attributes()) |
| attributes[attribute.name] = attribute.value; |
| InspectorTest.json(attributes); |
| InspectorTest.log(""); |
| } |
| |
| logAttributes(); |
| |
| InspectorTest.log("Adding attribute with namespace..."); |
| await Promise.all([ |
| testNode.awaitEvent(WI.DOMNode.Event.AttributeModified), |
| InspectorTest.evaluateInPage(`document.getElementById("${id}").setAttributeNS("http://example.com", "attribute:new", 1)`) |
| ]); |
| |
| logAttributes(); |
| |
| InspectorTest.log("Replacing attribute with namespace..."); |
| await Promise.all([ |
| testNode.awaitEvent(WI.DOMNode.Event.AttributeModified), |
| InspectorTest.evaluateInPage(`document.getElementById("${id}").setAttributeNS("http://example.com", "attribute:new", 2)`) |
| ]); |
| |
| logAttributes(); |
| |
| InspectorTest.log("Replacing attribute without namespace..."); |
| await Promise.all([ |
| testNode.awaitEvent(WI.DOMNode.Event.AttributeModified), |
| InspectorTest.evaluateInPage(`document.getElementById("${id}").setAttribute("attribute:new", "3")`) |
| ]); |
| |
| logAttributes(); |
| }, |
| }); |
| |
| WI.domManager.requestDocument((root) => { |
| documentNode = root; |
| |
| suite.runTestCasesAndFinish(); |
| }); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Tests for the DOM.attributeModified event.</p> |
| </body> |
| </html> |
