third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-iframe.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5   #main { background:blue; }
   6
   7 /*# sourceURL=styles-iframe.html*/
   8 </style>
   9
  10 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  11 <script src="../../../http/tests/inspector/elements-test.js"></script>
  12 <script>
  13
  14 function loadIframe()
  15 {
  16     var iframe = document.createElement("iframe");
  17     iframe.src = "../styles/resources/styles-iframe-data.html";
  18     document.getElementById("main").appendChild(iframe);
  19 }
  20
  21 function test()
  22 {
  23     InspectorTest.evaluateInPage("loadIframe()");
  24     InspectorTest.addConsoleSniffer(step0);
  25
  26     function step0()
  27     {
  28         InspectorTest.selectNodeAndWaitForStyles("main", step1);
  29     }
  30
  31     function step1()
  32     {
  33         InspectorTest.addResult("Main frame style:");
  34         InspectorTest.dumpSelectedElementStyles(true, false, true);
  35         InspectorTest.selectNodeAndWaitForStyles("iframeBody", step2);
  36     }
  37
  38     function step2()
  39     {
  40         InspectorTest.addResult("iframe style:");
  41         InspectorTest.dumpSelectedElementStyles(true, false, true);
  42         InspectorTest.completeTest();
  43     }
  44 }
  45 </script>
  46 </head>
  47
  48 <body onload="runTest()">
  49 <p>
  50 Tests that proper (and different) styles are returned for body elements of main document and iframe.
  51 </p>
  52
  53 <div id="main"></div>
  54 </body>
  55 </html>