| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> | |
| 4 <script src="../../../http/tests/inspector/elements-test.js"></script> | |
| 5 <script> | |
| 6 | |
| 7 function test() | |
| 8 { | |
| 9 InspectorTest.selectNodeAndWaitForStyles("inspected", testEmulateKeypress); | |
| 10 | |
| 11 function testEmulateKeypress() | |
| 12 { | |
| 13 var treeElement = InspectorTest.getMatchedStylePropertyTreeItem("font-si
ze"); | |
| 14 treeElement.startEditing(treeElement.valueElement); | |
| 15 var selection = window.getSelection(); | |
| 16 var range = selection.getRangeAt(0); | |
| 17 var newRange = document.createRange(); | |
| 18 newRange.setStart(range.startContainer, 1); | |
| 19 newRange.setEnd(range.startContainer, 1); | |
| 20 selection.removeAllRanges(); | |
| 21 selection.addRange(newRange); | |
| 22 // Use eventSender to emit "input" event. | |
| 23 eventSender.keyDown("1"); | |
| 24 InspectorTest.waitForStyleApplied(onStyleApplied); | |
| 25 } | |
| 26 | |
| 27 function onStyleApplied() | |
| 28 { | |
| 29 InspectorTest.nodeWithId("inspected", onNodeFound); | |
| 30 } | |
| 31 | |
| 32 function onNodeFound(node) | |
| 33 { | |
| 34 InspectorTest.cssModel.getInlineStylesAsync(node.id, onInlineStyle); | |
| 35 } | |
| 36 | |
| 37 function onInlineStyle(inlineStyle) | |
| 38 { | |
| 39 if (!inlineStyle) { | |
| 40 InspectorTest.addResult("Failed to get inline styles."). | |
| 41 InspectorTest.completeTest(); | |
| 42 return; | |
| 43 } | |
| 44 InspectorTest.addResult("font-size: " + inlineStyle.getPropertyValue("fo
nt-size")); | |
| 45 InspectorTest.completeTest(); | |
| 46 } | |
| 47 } | |
| 48 | |
| 49 </script> | |
| 50 </head> | |
| 51 | |
| 52 <body onload="runTest()"> | |
| 53 <p> | |
| 54 Verifies that property value editing triggers style update in rendering engine. | |
| 55 </p> | |
| 56 | |
| 57 <div id="inspected" style="font-size: 19px"></div> | |
| 58 | |
| 59 </body> | |
| 60 </html> | |
| OLD | NEW |