third_party/WebKit/LayoutTests/inspector/elements/styles-3/style-rule-from-imported-stylesheet.html

   1 <html>
   2 <head>
   3 <link rel="import" href="../styles/resources/imported-stylesheet.html"/>
   4 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../../http/tests/inspector/elements-test.js"></script>
   6 <script>
   7
   8 function test()
   9 {
  10     InspectorTest.selectNodeAndWaitForStyles("square", step1);
  11
  12     function step1()
  13     {
  14         InspectorTest.addResult("Rules before toggling:");
  15         InspectorTest.dumpSelectedElementStyles(true, false, true);
  16         InspectorTest.waitForStyleApplied(step2);
  17         InspectorTest.toggleMatchedStyleProperty("background-color", false);
  18     }
  19
  20     function step2()
  21     {
  22         InspectorTest.addResult("Rules after toggling:");
  23         InspectorTest.dumpSelectedElementStyles(true, false, true);
  24         InspectorTest.completeTest();
  25     }
  26 }
  27 </script>
  28 </head>
  29
  30 <body onload="runTest()">
  31 <p>Tests that rules from imported stylesheets are correctly shown and are editable in inspector.</p>
  32 <div id="square" class="square"></div>
  33 </body>
  34 </html>