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                         frame.document.write('<p>Resize until ');
  14                         frame.document.write(isWidth ? 'width:' : 'height:');
  15                         frame.document.write(isWidth ? frame.frameElement.width : frame.frameElement.height);
  16                         frame.document.write(' = ' + size + '</p>');
  17                     }
  18                 }
  19             }
  20
  21             function checkProgress() {
  22                 if (!window.testRunner) {
  23                     checkSuccess();
  24                 }
  25             }
  26
  27             function run() {
  28                 if (window.testRunner) {
  29                     testRunner.dumpAsText();
  30                     testRunner.dumpChildFramesAsText();
  31
  32                     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.";
  33
  34                     // Move the One/* vertical resizer ten pixels west.
  35                     eventSender.mouseMoveTo(90, 400);
  36                     eventSender.mouseDown();
  37                     eventSender.mouseMoveTo(100, 400);
  38                     eventSender.mouseUp();
  39
  40                     // Move the Two/Three horizontal resizer ten pixels south.
  41                     eventSender.mouseMoveTo(400, 70);
  42                     eventSender.mouseDown();
  43                     eventSender.mouseMoveTo(400, 80);
  44                     eventSender.mouseUp();
  45
  46                     checkSuccess();
  47                 } else {
  48                     checkProgress();
  49                 }
  50             }
  51
  52             function checkSuccess() {
  53                 log(One, One.frameElement.width == 100, true, 100)
  54                 log(Two, Two.frameElement.height == 80, false, 80)
  55             }
  56
  57             window.onload = run;
  58         </script>
  59     </head>
  60         <frameset cols="90,*" onmousemove="checkProgress()" onmouseup="checkProgress()" onmousedown="checkProgress()">
  61             <frame frameborder=0 name="One" style="border-right: 2px solid green;"></frame>
  62             <frameset rows="70,*" onmousemove="checkProgress()" onmouseup="checkProgress()" onmousedown="checkProgress()">
  63                 <frame frameborder=0 name="Two" style="border-bottom: 2px solid green;"></frame>
  64                 <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>
  65             </frameset>
  66         </frameset>
  67 </html>