src/third_party/WebKit/LayoutTests/fast/frames/frames-with-frameborder-zero-can-be-resized.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
   2 <html>
   3     <head>
   4         <script>
   5             function log(frame, success, isWidth, size) {
   6                 if (window.testRunner) {
   7                     document.getElementById("results").contentDocument.getElementById("console").appendChild(document.createTextNode((success ? "PASS: " : "FAIL: ") + frame.name + " resized correctly\n"));
   8                 } else {
   9                     frame.document.close();
  10                     if (success)
  11                         frame.document.write('<p>Success!</p>');
  12                     else {
  13                         var rect = frame.frameElement.getBoundingClientRect();
  14                         frame.document.write('<p>Resize until ');
  15                         frame.document.write(isWidth ? 'width:' : 'height:');
  16                         frame.document.write(isWidth ? rect.width : rect.height);
  17                         frame.document.write(' = ' + size + '</p>');
  18                     }
  19                 }
  20             }
  21
  22             function checkProgress() {
  23                 if (!window.testRunner) {
  24                     checkSuccess();
  25                 }
  26             }
  27
  28             function run() {
  29                 if (window.testRunner) {
  30                     testRunner.dumpAsText();
  31                     testRunner.dumpChildFramesAsText();
  32
  33                     document.getElementById("results").contentDocument.getElementById("description").innerText = "\nThis tests that frames with frameborder=0 can be resized. See WebKit Bug 23750. On success, two 'PASS' messages will be shown below.";
  34
  35                     // Move the One/* vertical resizer ten pixels west.
  36                     eventSender.mouseMoveTo(90, 400);
  37                     eventSender.mouseDown();
  38                     eventSender.mouseMoveTo(100, 400);
  39                     eventSender.mouseUp();
  40
  41                     // Move the Two/Three horizontal resizer ten pixels south.
  42                     eventSender.mouseMoveTo(400, 70);
  43                     eventSender.mouseDown();
  44                     eventSender.mouseMoveTo(400, 80);
  45                     eventSender.mouseUp();
  46
  47                     checkSuccess();
  48                 } else {
  49                     checkProgress();
  50                 }
  51             }
  52
  53             function checkSuccess() {
  54                 log(One, One.frameElement.getBoundingClientRect().width == 100, true, 100)
  55                 log(Two, Two.frameElement.getBoundingClientRect().height == 80, false, 80)
  56             }
  57
  58             window.onload = run;
  59         </script>
  60     </head>
  61         <frameset cols="90,*" onmousemove="checkProgress()" onmouseup="checkProgress()" onmousedown="checkProgress()">
  62             <frame frameborder=0 name="One" style="border-right: 2px solid green;"></frame>
  63             <frameset rows="70,*" onmousemove="checkProgress()" onmouseup="checkProgress()" onmousedown="checkProgress()">
  64                 <frame frameborder=0 name="Two" style="border-bottom: 2px solid green;"></frame>
  65                 <frame id="results" frameborder=0 name="Three" src="data:text/html,<body bgcolor='gray'> <p id='description'>To resize frames drag the top or left of this frame </p><pre id='console'></pre></body>"></frame>
  66             </frameset>
  67         </frameset>
  68 </html>