1<html>
2<head>
3<script>
4var w;
5function Open(sFeatures)
6{
7    if (w && !w.closed)
8	w.close();
9    
10    w = window.open("resources/popup200x200.html", "popup", sFeatures);
11
12}
13
14function test1()
15{
16    Open("width=200, height=200, left = 0, top = 0, scrollbars, resizable");
17
18    setConsole(document.getElementById('console1'));
19    clearConsole();
20    shouldBe("w.innerHeight", 200);
21    shouldBe("w.innerWidth", 200);
22    shouldBe("w.outerWidth", 200);
23    shouldBe("w.screenLeft", 0);
24    shouldBe("w.screenTop", 22); // empirical result of low dpi testing
25    shouldBe("w.outerHeight", 223); // empirical result of low dpi testing
26}
27
28function test2()
29{
30    console = document.getElementById('console2');
31    Open("width=200, height=200, left = 0, top = 0, scrollbars, menubar, status, toolbar, resizable");
32
33    setConsole(document.getElementById('console2'));
34    clearConsole();
35    shouldBe("w.innerHeight", 200);
36    shouldBe("w.innerWidth", 200);
37    shouldBe("w.outerWidth", 200);
38    shouldBe("w.screenLeft", 0);
39    shouldBe("w.screenTop", 22); // empirical result of low dpi testing
40    shouldBe("w.outerHeight", 313); // empirical result of low dpi testing
41}
42
43function test3()
44{
45    Open("width=200,height=200,left=" + (screen.width - 200) + ",screenY=0, resizable");
46    w.moveBy(0, screen.height - w.screenTop - w.outerHeight);
47
48    // should be no-ops
49    w.moveTo(w.screenLeft - 100, w.screenTop + 100);
50    w.moveBy(100, -100);
51    w.resizeTo(w.outerWidth - 100 , w.outerHeight - 100);
52    w.resizeBy(100, 100);
53
54    setConsole(document.getElementById('console3'));
55    clearConsole();
56    shouldBe("w.innerHeight", 200);
57    shouldBe("w.innerWidth", 200);
58    shouldBe("w.outerWidth", 200);
59    shouldBe("w.screenLeft", screen.width - 200);
60    shouldBe("w.screenTop", screen.height - w.outerHeight);
61    shouldBe("w.outerHeight", 223); // empirical result of low dpi testing
62}
63
64var console;
65function print(message, color) 
66{
67    var paragraph = document.createElement("div");
68    paragraph.appendChild(document.createTextNode(message));
69    paragraph.style.fontFamily = "monospace";
70    if (color)
71        paragraph.style.color = color;
72    console.appendChild(paragraph);
73}
74
75function clearConsole()
76{
77    console.innerHTML = "";
78}
79
80function setConsole(c)
81{
82    console = c;
83}
84
85function shouldBe(a, b)
86{
87    var evalA = eval(a);
88    if (evalA == b)
89        print("PASS: " + a + " should be " + b + " and is.", "green");
90    else
91        print("FAIL: " + a + " should be " + b + " but instead is " + evalA + ".", "red");
92}
93</script>
94</head>
95<body>
96
97<p>This test checks our support for window sizing and positioning.</p>
98<p>To test: Click each button below. Check to make sure that the window it opens has the specified attributes.
99   Also check for a series of 'PASS' messages below the button.</p>
100<p style="color:red">NOTE: Make sure to test at magnified resolutions.</p>
101<p>To test @ 2X resolution:</p>
102<ol>
103<li>Open Quartz Debug (/Developer/Applications/Performance Tools).</li>
104<li>Select Tools -> Show User Interface Resolution.</li>
105<li>Set the resolution to 2.0.</li>
106<li>Restart Safari.</li>
107</ol>
108<hr>
109
110<p>Window size (no toolbars): You should see a red 1 pixel border along every edge of this page, and no scrollbars.</p>
111<input type="button" value="open it!" onclick="test1()">
112<div id='console1'></div>
113<hr>
114
115<p>Window size (all toolbars): You should see a red 1 pixel border along every edge of this page, and no scrollbars.</p>
116<input type="button" value="open it!" onclick="test2()">
117<div id='console2'></div>
118<hr>
119
120<p>Window positioning: This window should be aligned exactly to the bottom right corner of the screen.</p>
121<input type="button" value="open it!" onclick="test3()">
122<div id='console3'></div>
123<hr>
124
125</body>
126</html>
127