src/third_party/WebKit/LayoutTests/inspector/styles/inject-stylesheet.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5   #main { background:blue; }
   6 </style>
   7
   8 <script src="../../http/tests/inspector/inspector-test.js"></script>
   9 <script src="../../http/tests/inspector/elements-test.js"></script>
  10 <script>
  11
  12 function injectStyleSheet()
  13 {
  14     var styleSheet = "#main { color: red; -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) }  #iframeBody { background: red }";
  15     if (window.testRunner)
  16         window.testRunner.addUserStyleSheet(styleSheet, true);
  17 }
  18
  19 function loadIframe()
  20 {
  21     var iframe = document.createElement("iframe");
  22     iframe.src = "resources/inject-stylesheet-iframe-data.html";
  23     document.getElementById("main").appendChild(iframe);
  24 }
  25
  26 function test()
  27 {
  28     InspectorTest.evaluateInPage("injectStyleSheet()", init);
  29
  30     function init()
  31     {
  32         InspectorTest.selectNodeAndWaitForStylesWithComputed("main", step0);
  33     }
  34
  35     function step0()
  36     {
  37         InspectorTest.addResult("Main frame style:");
  38         InspectorTest.dumpSelectedElementStyles();
  39         InspectorTest.evaluateInPage("loadIframe()");
  40         InspectorTest.addConsoleSniffer(step1);
  41     }
  42
  43     function step1()
  44     {
  45         InspectorTest.selectNodeAndWaitForStyles("iframeBody", step2);
  46     }
  47
  48     function step2()
  49     {
  50         InspectorTest.addResult("iframe style:");
  51         InspectorTest.dumpSelectedElementStyles();
  52         InspectorTest.completeTest();
  53     }
  54 }
  55 </script>
  56 </head>
  57
  58 <body onload="runTest()">
  59 <p>
  60 Tests that injected user stylesheets are reflected in the Styles pane.
  61 </p>
  62
  63 <div id="main"></div>
  64 </body>
  65 </html>