| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script> | 4 <script> |
| 5 function log(frame, success, isWidth, size) { | 5 function log(frame, success, isWidth, size) { |
| 6 if (window.testRunner) { | 6 if (window.testRunner) { |
| 7 document.getElementById("results").contentDocument.getElemen
tById("console").appendChild(document.createTextNode((success ? "PASS: " : "FAIL
: ") + frame.name + " resized correctly\n")); | 7 document.getElementById("results").contentDocument.getElemen
tById("console").appendChild(document.createTextNode((success ? "PASS: " : "FAIL
: ") + frame.name + " resized correctly\n")); |
| 8 } else { | 8 } else { |
| 9 frame.document.close(); | 9 frame.document.close(); |
| 10 if (success) | 10 if (success) |
| 11 frame.document.write('<p>Success!</p>'); | 11 frame.document.write('<p>Success!</p>'); |
| 12 else { | 12 else { |
| 13 var rect = frame.frameElement.getBoundingClientRect(); |
| 13 frame.document.write('<p>Resize until '); | 14 frame.document.write('<p>Resize until '); |
| 14 frame.document.write(isWidth ? 'width:' : 'height:'); | 15 frame.document.write(isWidth ? 'width:' : 'height:'); |
| 15 frame.document.write(isWidth ? frame.frameElement.width
: frame.frameElement.height); | 16 frame.document.write(isWidth ? rect.width : rect.height)
; |
| 16 frame.document.write(' = ' + size + '</p>'); | 17 frame.document.write(' = ' + size + '</p>'); |
| 17 } | 18 } |
| 18 } | 19 } |
| 19 } | 20 } |
| 20 | 21 |
| 21 function checkProgress() { | 22 function checkProgress() { |
| 22 if (!window.testRunner) { | 23 if (!window.testRunner) { |
| 23 checkSuccess(); | 24 checkSuccess(); |
| 24 } | 25 } |
| 25 } | 26 } |
| (...skipping 17 matching lines...) Expand all Loading... |
| 43 eventSender.mouseMoveTo(400, 80); | 44 eventSender.mouseMoveTo(400, 80); |
| 44 eventSender.mouseUp(); | 45 eventSender.mouseUp(); |
| 45 | 46 |
| 46 checkSuccess(); | 47 checkSuccess(); |
| 47 } else { | 48 } else { |
| 48 checkProgress(); | 49 checkProgress(); |
| 49 } | 50 } |
| 50 } | 51 } |
| 51 | 52 |
| 52 function checkSuccess() { | 53 function checkSuccess() { |
| 53 log(One, One.frameElement.width == 100, true, 100) | 54 log(One, One.frameElement.getBoundingClientRect().width == 100,
true, 100) |
| 54 log(Two, Two.frameElement.height == 80, false, 80) | 55 log(Two, Two.frameElement.getBoundingClientRect().height == 80,
false, 80) |
| 55 } | 56 } |
| 56 | 57 |
| 57 window.onload = run; | 58 window.onload = run; |
| 58 </script> | 59 </script> |
| 59 </head> | 60 </head> |
| 60 <frameset cols="90,*" onmousemove="checkProgress()" onmouseup="checkProg
ress()" onmousedown="checkProgress()"> | 61 <frameset cols="90,*" onmousemove="checkProgress()" onmouseup="checkProg
ress()" onmousedown="checkProgress()"> |
| 61 <frame frameborder=0 name="One" style="border-right: 2px solid green
;"></frame> | 62 <frame frameborder=0 name="One" style="border-right: 2px solid green
;"></frame> |
| 62 <frameset rows="70,*" onmousemove="checkProgress()" onmouseup="check
Progress()" onmousedown="checkProgress()"> | 63 <frameset rows="70,*" onmousemove="checkProgress()" onmouseup="check
Progress()" onmousedown="checkProgress()"> |
| 63 <frame frameborder=0 name="Two" style="border-bottom: 2px solid
green;"></frame> | 64 <frame frameborder=0 name="Two" style="border-bottom: 2px solid
green;"></frame> |
| 64 <frame id="results" frameborder=0 name="Three" src="data:text/ht
ml,<body bgcolor='gray'> <p id='description'>To resize frames drag the top or le
ft of this frame </p><pre id='console'></pre></body>"></frame> | 65 <frame id="results" frameborder=0 name="Three" src="data:text/ht
ml,<body bgcolor='gray'> <p id='description'>To resize frames drag the top or le
ft of this frame </p><pre id='console'></pre></body>"></frame> |
| 65 </frameset> | 66 </frameset> |
| 66 </frameset> | 67 </frameset> |
| 67 </html> | 68 </html> |
| OLD | NEW |