| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 4 <script src="../../../http/tests/inspector/elements-test.js"></script> | 4 <script src="../../../http/tests/inspector/elements-test.js"></script> |
| 5 <script> | 5 <script> |
| 6 | 6 |
| 7 function test() | 7 function test() |
| 8 { | 8 { |
| 9 InspectorTest.selectNodeAndWaitForStyles("inspected", addAndIncrementFirstPr
operty); | 9 InspectorTest.selectNodeAndWaitForStyles("inspected", addAndIncrementFirstPr
operty); |
| 10 | 10 |
| 11 var treeElement; | 11 var treeElement; |
| 12 var section; | 12 var section; |
| 13 | 13 |
| 14 function addAndIncrementFirstProperty() | 14 function addAndIncrementFirstProperty() |
| 15 { | 15 { |
| 16 InspectorTest.addResult("Before append:"); | 16 InspectorTest.addResult("Before append:"); |
| 17 InspectorTest.dumpSelectedElementStyles(true); | 17 InspectorTest.dumpSelectedElementStyles(true); |
| 18 section = InspectorTest.inlineStyleSection(); | 18 section = InspectorTest.inlineStyleSection(); |
| 19 | 19 |
| 20 // Create and increment. | 20 // Create and increment. |
| 21 treeElement = section.addNewBlankProperty(0); | 21 treeElement = section.addNewBlankProperty(0); |
| 22 treeElement.startEditing(); | 22 treeElement.startEditing(); |
| 23 treeElement.nameElement.textContent = "margin-left"; | 23 treeElement.nameElement.textContent = "margin-left"; |
| 24 treeElement.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente
r")); | 24 treeElement.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente
r")); |
| 25 | 25 |
| 26 treeElement.valueElement.textContent = "1px"; | 26 treeElement.valueElement.textContent = "1px"; |
| 27 treeElement.valueElement.firstChild.select(); | 27 treeElement.valueElement.firstChild.select(); |
| 28 treeElement.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Up"
)); | 28 treeElement.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Arr
owUp")); |
| 29 InspectorTest.waitForStyleApplied(incrementProperty); | 29 InspectorTest.waitForStyleApplied(incrementProperty); |
| 30 } | 30 } |
| 31 | 31 |
| 32 function incrementProperty() | 32 function incrementProperty() |
| 33 { | 33 { |
| 34 // Increment again. | 34 // Increment again. |
| 35 treeElement.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Up"
)); | 35 treeElement.valueElement.dispatchEvent(InspectorTest.createKeyEvent("Arr
owUp")); |
| 36 InspectorTest.waitForStyleApplied(commitProperty); | 36 InspectorTest.waitForStyleApplied(commitProperty); |
| 37 } | 37 } |
| 38 | 38 |
| 39 function commitProperty() | 39 function commitProperty() |
| 40 { | 40 { |
| 41 // Commit. | 41 // Commit. |
| 42 treeElement.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente
r")); | 42 treeElement.nameElement.dispatchEvent(InspectorTest.createKeyEvent("Ente
r")); |
| 43 reloadStyles(addAndChangeLastCompoundProperty); | 43 reloadStyles(addAndChangeLastCompoundProperty); |
| 44 } | 44 } |
| 45 | 45 |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 102 <body onload="runTest()"> | 102 <body onload="runTest()"> |
| 103 <p> | 103 <p> |
| 104 Tests that adding a new blank property works. | 104 Tests that adding a new blank property works. |
| 105 </p> | 105 </p> |
| 106 | 106 |
| 107 <div id="inspected" style="font-size: 12px">Text</div> | 107 <div id="inspected" style="font-size: 12px">Text</div> |
| 108 <div id="other"></div> | 108 <div id="other"></div> |
| 109 | 109 |
| 110 </body> | 110 </body> |
| 111 </html> | 111 </html> |
| OLD | NEW |