third_party/WebKit/LayoutTests/fast/dom/nodesFromRect/nodesFromRect-child-frame-content.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Document::nodesFromRect : Allow child-frame content - bug 95204</title>
   5     <script src="../../../resources/js-test.js"></script>
   6     <script src="resources/nodesFromRect.js"></script>
   7     <style>
   8         body { margin: 0px; }
   9         #sandbox {
  10             width: 400px;
  11             height: 200px;
  12         }
  13         #sandbox #layer {
  14             float: right;
  15         }
  16         #sandbox iframe {
  17             display: block;
  18             box-sizing: border-box;
  19             width: 200px;
  20             height: 200px;
  21             border: none;
  22         }
  23         .rotate180 { transform: rotate(180deg); }
  24         .rotate90 { transform: rotate(90deg); }
  25         #sandbox .box {
  26             box-sizing: border-box;
  27             height: 100px;
  28             width: 200px;
  29             border: 1px solid black;
  30         }
  31     </style>
  32 </head>
  33 <body id="body">
  34     <div id=sandbox>
  35         <div id=layer>
  36             <iframe id="iframe1" src="resources/child-frame.html"></iframe>
  37         </div>
  38         <div id=div1 class=box></div>
  39         <div id=div2 class=box></div>
  40     </div>
  41
  42     <p id='description'></p>
  43     <div id="console"></div>
  44     <script type="application/javascript">
  45         function runTest()
  46         {
  47             description(document.title);
  48
  49             // Set up shortcut access to elements
  50             var e = {};
  51             ['sandbox', 'layer'].forEach(function(a) {
  52                 e[a] = document.getElementById(a);
  53             });
  54
  55             checkRect(25, 25, 100, 100, "DIV#div2, DIV#div1, DIV#sandbox");
  56             checkRect(220, 20, 70, 70, "DIV#left");
  57             checkRect(250, 20, 100, 70, "DIV#right, DIV#left, HTML");
  58
  59             checkRect(150, 50, 100, 100, "DIV#left, HTML, #document, IFRAME#iframe1, DIV#layer, DIV#div2, DIV#div1, DIV#sandbox");
  60
  61             e.layer.setAttribute('class', 'rotate180');
  62             checkRect(220, 20, 70, 70, "DIV#right");
  63             checkRect(150, 50, 100, 100, "DIV#right, HTML, #document, IFRAME#iframe1, DIV#layer, DIV#div2, DIV#div1, DIV#sandbox");
  64
  65             e.layer.setAttribute('class', 'rotate90');
  66             checkRect(250, 20, 100, 70, "DIV#left");
  67             checkRect(150, 20, 200, 60, "DIV#left, HTML, #document, IFRAME#iframe1, DIV#layer, DIV#div1, DIV#sandbox");
  68
  69             e.sandbox.display = 'none';
  70             finishJSTest();
  71         }
  72         jsTestIsAsync = true;
  73         window.onload = runTest;
  74     </script>
  75 </body>
  76 </html>