LayoutTests/inspector/styles-iframe.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5   body { background:blue; }
   6 </style>
   7
   8 <script src="inspector-test.js"></script>
   9 <script src="elements-tests.js"></script>
  10 <script>
  11
  12 function runAfterIframeIsLoaded(continuation)
  13 {
  14     function step()
  15     {
  16         if (!window.iframeLoaded)
  17             setTimeout(step, 100);
  18         else
  19             continuation();
  20     }
  21     setTimeout(step, 100);
  22 }
  23
  24 function doit()
  25 {
  26     runAfterIframeIsLoaded(function() {
  27         function callback(result)
  28         {
  29             for (var i = 0; i < result.length; ++i) {
  30                 output("Style: " + i);
  31                 var matchedRules = result[i].matchedCSSRules;
  32                 for (var j = 0; matchedRules && j < matchedRules.length; ++j) {
  33                     output(JSON.stringify(matchedRules[j].style.shorthandValues));
  34                 }
  35             }
  36             notifyDone();
  37         }
  38         evaluateInWebInspector("frontend_dumpStyles", callback);
  39     });
  40 }
  41
  42
  43 // Frontend functions.
  44
  45 function frontend_dumpStyles(testController)
  46 {
  47     testController.waitUntilDone();
  48
  49     frontend_expandDOMSubtree(WebInspector.domAgent.document);
  50
  51     testController.runAfterPendingDispatches(function() {
  52         frontend_dumpStylesContinuation(testController);
  53     });
  54 }
  55
  56 function frontend_dumpStylesContinuation(testController)
  57 {
  58     // 1. Get styles for body, store them in mainStyles var.
  59     var bodyId = WebInspector.domAgent.document.body.id;
  60     var mainStyles = null;
  61     function mainFrameCallback(styles) {
  62         mainStyles = styles;
  63     }
  64     InjectedScriptAccess.getStyles(bodyId, false, mainFrameCallback);
  65
  66     // 2. Find iframe node
  67     var innerMapping = WebInspector.domAgent._idToDOMNode;
  68     var iframeBodyId = null;
  69
  70     for (var nodeId in innerMapping) {
  71         if (innerMapping[nodeId].nodeName === "IFRAME")
  72             iframeBodyId = innerMapping[nodeId].firstChild.lastChild.id;
  73     }
  74     if (typeof iframeBodyId !== "number") {
  75         testController.notifyDone(["No iframe node found"]);
  76         return;
  77     }
  78
  79     // 3. Get styles for iframe's body, return them together with main styles.
  80     function iframeCallback(styles) {
  81         testController.notifyDone([mainStyles, styles]);
  82     }
  83     InjectedScriptAccess.getStyles(iframeBodyId, false, iframeCallback);
  84 }
  85
  86 </script>
  87 </head>
  88
  89 <body onload="onload()">
  90 <p>
  91 Tests that proper (and different) styles are returned for body elements of main document and iframe.
  92 </p>
  93
  94 <iframe src="resources/styles-iframe-data.html"></iframe>
  95
  96 </body>
  97 </html>