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.runTestSuite([ |
| 10 function selectInitialNode(next) |
| 11 { |
| 12 InspectorTest.selectNodeAndWaitForStyles("inspected", next); |
| 13 }, |
| 14 |
| 15 function editSelector(next) |
| 16 { |
| 17 var section = WebInspector.panels.elements.sidebarPanes.styles.secti
ons[0][2]; |
| 18 section.startEditingSelector(); |
| 19 section._selectorElement.textContent = "#inspected, .INSERTED-OTHER-
SELECTOR"; |
| 20 InspectorTest.waitForSelectorCommitted(next); |
| 21 section._selectorElement.dispatchEvent(InspectorTest.createKeyEvent(
"Enter")); |
| 22 }, |
| 23 |
| 24 function testDisableProperty(next) |
| 25 { |
| 26 var treeItem = InspectorTest.getMatchedStylePropertyTreeItem("color"
); |
| 27 InspectorTest.waitForStyleApplied(onPropertyDisabled); |
| 28 treeItem.toggleEnabled({ target: { checked: false }, consume: functi
on() { } }); |
| 29 |
| 30 function onPropertyDisabled() |
| 31 { |
| 32 InspectorTest.addResult("\n\n#### AFTER PROPERTY DISABLED ####\n
\n"); |
| 33 InspectorTest.dumpSelectedElementStyles(true, false, true); |
| 34 next(); |
| 35 } |
| 36 } |
| 37 ]); |
| 38 } |
| 39 </script> |
| 40 <style> |
| 41 #inspected { |
| 42 color: red; |
| 43 } |
| 44 </style> |
| 45 </head> |
| 46 |
| 47 <body onload="runTest()"> |
| 48 <p> |
| 49 Verifies that sequence of setting selector and disabling property works. |
| 50 </p> |
| 51 |
| 52 <div id="inspected">Red text here.</div> |
| 53 |
| 54 </body> |
| 55 </html> |
OLD | NEW |