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 |