third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-edit-property-after-invalid-rule.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5 /* Invalid selector */
   6 .navbar-search .search-query:-moz-placeholder {
   7   color: #cccccc;
   8 }
   9
  10 #container {
  11   padding: 15px;
  12 }
  13 </style>
  14
  15 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  16 <script src="../../../http/tests/inspector/elements-test.js"></script>
  17 <script>
  18
  19 function test()
  20 {
  21       InspectorTest.selectNodeAndWaitForStyles("container", step1);
  22
  23       function step1()
  24       {
  25           InspectorTest.addResult("Initial value");
  26           InspectorTest.dumpSelectedElementStyles(true, false, true);
  27
  28           var treeItem = InspectorTest.getMatchedStylePropertyTreeItem("padding");
  29           treeItem.applyStyleText("padding: 20px", false);
  30           InspectorTest.waitForStyles("container", step2);
  31       }
  32
  33       function step2()
  34       {
  35           InspectorTest.addResult("After changing property");
  36           InspectorTest.dumpSelectedElementStyles(true, false, true);
  37           InspectorTest.completeTest();
  38       }
  39 }
  40
  41 </script>
  42 </head>
  43
  44 <body onload="runTest()">
  45 <p>
  46 Tests that proper source lines are reported for the styles after unrecognizer / invalid selector.
  47 </p>
  48
  49 <div id="container"></div>
  50
  51 </body>
  52 </html>