| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../http/tests/inspector/inspector-test.js"></script> |
| 4 <script> | 4 <script> |
| 5 | 5 |
| 6 function test() | 6 function test() |
| 7 { | 7 { |
| 8 function showRootSplitView(splitView) | 8 function showRootSplitWidget(splitWidget) |
| 9 { | 9 { |
| 10 splitView.element.style.position = "absolute"; | 10 splitWidget.element.style.position = "absolute"; |
| 11 splitView.element.style.top = "0"; | 11 splitWidget.element.style.top = "0"; |
| 12 splitView.element.style.left = "0"; | 12 splitWidget.element.style.left = "0"; |
| 13 splitView.element.style.height = "500px"; | 13 splitWidget.element.style.height = "500px"; |
| 14 splitView.element.style.width = "500px"; | 14 splitWidget.element.style.width = "500px"; |
| 15 splitView.markAsRoot(); | 15 splitWidget.markAsRoot(); |
| 16 splitView.show(document.body); | 16 splitWidget.show(document.body); |
| 17 return splitView; | 17 return splitWidget; |
| 18 } | 18 } |
| 19 | 19 |
| 20 function dumpBoundingBoxes(views) | 20 function dumpBoundingBoxes(widgets) |
| 21 { | 21 { |
| 22 for (var name in views) { | 22 for (var name in widgets) { |
| 23 var box = views[name].element.getBoundingClientRect(); | 23 var box = widgets[name].element.getBoundingClientRect(); |
| 24 InspectorTest.addResult("[" + name + "] left = " + box.left + "; rig
ht = " + box.right + "; top = " + box.top + "; bottom = " + box.bottom); | 24 InspectorTest.addResult("[" + name + "] left = " + box.left + "; rig
ht = " + box.right + "; top = " + box.top + "; bottom = " + box.bottom); |
| 25 } | 25 } |
| 26 } | 26 } |
| 27 | 27 |
| 28 InspectorTest.addResult("Creating simple hierarchy"); | 28 InspectorTest.addResult("Creating simple hierarchy"); |
| 29 var splitView = new WebInspector.SplitView(true, true, "splitViewStateSettin
gName.splitView", 250, 250); | 29 var splitWidget = new WebInspector.SplitWidget(true, true, "splitWidgetState
SettingName.splitWidget", 250, 250); |
| 30 showRootSplitView(splitView); | 30 showRootSplitWidget(splitWidget); |
| 31 | 31 |
| 32 var mainView = new WebInspector.View(); | 32 var mainWidget = new WebInspector.Widget(); |
| 33 mainView.setMinimumSize(100, 80); | 33 mainWidget.setMinimumSize(100, 80); |
| 34 splitView.setMainView(mainView); | 34 splitWidget.setMainWidget(mainWidget); |
| 35 | 35 |
| 36 var firstSidebarView = new WebInspector.View(); | 36 var firstSidebarWidget = new WebInspector.Widget(); |
| 37 firstSidebarView.setMinimumSize(40, 70); | 37 firstSidebarWidget.setMinimumSize(40, 70); |
| 38 splitView.setSidebarView(firstSidebarView); | 38 splitWidget.setSidebarWidget(firstSidebarWidget); |
| 39 | 39 |
| 40 var views = {"splitView": splitView, "mainView": mainView, "sidebarView": fi
rstSidebarView}; | 40 var widgets = {"splitWidget": splitWidget, "mainWidget": mainWidget, "sideba
rWidget": firstSidebarWidget}; |
| 41 dumpBoundingBoxes(views); | 41 dumpBoundingBoxes(widgets); |
| 42 | 42 |
| 43 InspectorTest.addResult("Changing sidebar size"); | 43 InspectorTest.addResult("Changing sidebar size"); |
| 44 splitView.setSidebarSize(30); | 44 splitWidget.setSidebarSize(30); |
| 45 dumpBoundingBoxes(views); | 45 dumpBoundingBoxes(widgets); |
| 46 | 46 |
| 47 InspectorTest.addResult("Changing sidebar view minimum size"); | 47 InspectorTest.addResult("Changing sidebar widget minimum size"); |
| 48 firstSidebarView.setMinimumSize(90, 70); | 48 firstSidebarWidget.setMinimumSize(90, 70); |
| 49 dumpBoundingBoxes(views); | 49 dumpBoundingBoxes(widgets); |
| 50 | 50 |
| 51 InspectorTest.addResult("Changing orientation"); | 51 InspectorTest.addResult("Changing orientation"); |
| 52 splitView.setVertical(false); | 52 splitWidget.setVertical(false); |
| 53 dumpBoundingBoxes(views); | 53 dumpBoundingBoxes(widgets); |
| 54 | 54 |
| 55 InspectorTest.addResult("Changing main view minimum size"); | 55 InspectorTest.addResult("Changing main widget minimum size"); |
| 56 mainView.setMinimumSize(450, 450); | 56 mainWidget.setMinimumSize(450, 450); |
| 57 dumpBoundingBoxes(views); | 57 dumpBoundingBoxes(widgets); |
| 58 | 58 |
| 59 InspectorTest.addResult("Changing main view minimum size back and resizing")
; | 59 InspectorTest.addResult("Changing main widget minimum size back and resizing
"); |
| 60 mainView.setMinimumSize(100, 80); | 60 mainWidget.setMinimumSize(100, 80); |
| 61 splitView.setSidebarSize(450); | 61 splitWidget.setSidebarSize(450); |
| 62 dumpBoundingBoxes(views); | 62 dumpBoundingBoxes(widgets); |
| 63 | 63 |
| 64 InspectorTest.addResult("Wrapping main view to a split view"); | 64 InspectorTest.addResult("Wrapping main widget to a split widget"); |
| 65 var childSplitView = new WebInspector.SplitView(false, true, "splitViewState
SettingName.childSplitView", 100, 100); | 65 var childsplitWidget = new WebInspector.SplitWidget(false, true, "splitWidge
tStateSettingName.childsplitWidget", 100, 100); |
| 66 childSplitView.hideSidebar(); | 66 childsplitWidget.hideSidebar(); |
| 67 childSplitView.setMainView(mainView); | 67 childsplitWidget.setMainWidget(mainWidget); |
| 68 splitView.setMainView(childSplitView); | 68 splitWidget.setMainWidget(childsplitWidget); |
| 69 views["childSplitView"] = childSplitView; | 69 widgets["childSplitWidget"] = childsplitWidget; |
| 70 dumpBoundingBoxes(views); | 70 dumpBoundingBoxes(widgets); |
| 71 | 71 |
| 72 InspectorTest.addResult("Adding invisble sidebar"); | 72 InspectorTest.addResult("Adding invisble sidebar"); |
| 73 var secondSidebarView = new WebInspector.View(); | 73 var secondSidebarWidget = new WebInspector.Widget(); |
| 74 secondSidebarView.setMinimumSize(60, 60); | 74 secondSidebarWidget.setMinimumSize(60, 60); |
| 75 childSplitView.setSidebarView(secondSidebarView); | 75 childsplitWidget.setSidebarWidget(secondSidebarWidget); |
| 76 views["secondSidebarView"] = secondSidebarView; | 76 widgets["secondSidebarWidget"] = secondSidebarWidget; |
| 77 dumpBoundingBoxes(views); | 77 dumpBoundingBoxes(widgets); |
| 78 | 78 |
| 79 InspectorTest.addResult("Showing sidebar"); | 79 InspectorTest.addResult("Showing sidebar"); |
| 80 childSplitView.showBoth(); | 80 childsplitWidget.showBoth(); |
| 81 dumpBoundingBoxes(views); | 81 dumpBoundingBoxes(widgets); |
| 82 | 82 |
| 83 InspectorTest.addResult("Detaching sidebar"); | 83 InspectorTest.addResult("Detaching sidebar"); |
| 84 secondSidebarView.detach(); | 84 secondSidebarWidget.detach(); |
| 85 delete views["secondSidebarView"]; | 85 delete widgets["secondSidebarWidget"]; |
| 86 dumpBoundingBoxes(views); | 86 dumpBoundingBoxes(widgets); |
| 87 | 87 |
| 88 InspectorTest.addResult("Attaching another sidebar"); | 88 InspectorTest.addResult("Attaching another sidebar"); |
| 89 var thirdSidebarView = new WebInspector.View(); | 89 var thirdSidebarWidget = new WebInspector.Widget(); |
| 90 thirdSidebarView.setMinimumSize(80, 80); | 90 thirdSidebarWidget.setMinimumSize(80, 80); |
| 91 childSplitView.setSidebarView(thirdSidebarView); | 91 childsplitWidget.setSidebarWidget(thirdSidebarWidget); |
| 92 views["thirdSidebarView"] = thirdSidebarView; | 92 widgets["thirdSidebarWidget"] = thirdSidebarWidget; |
| 93 dumpBoundingBoxes(views); | 93 dumpBoundingBoxes(widgets); |
| 94 | 94 |
| 95 InspectorTest.addResult("Swapping main and sidebar"); | 95 InspectorTest.addResult("Swapping main and sidebar"); |
| 96 splitView.setSecondIsSidebar(false); | 96 splitWidget.setSecondIsSidebar(false); |
| 97 dumpBoundingBoxes(views); | 97 dumpBoundingBoxes(widgets); |
| 98 | 98 |
| 99 InspectorTest.addResult("Arranging preferred sizes"); | 99 InspectorTest.addResult("Arranging preferred sizes"); |
| 100 firstSidebarView.setMinimumAndPreferredSizes(50, 50, 100, 100); | 100 firstSidebarWidget.setMinimumAndPreferredSizes(50, 50, 100, 100); |
| 101 mainView.setMinimumAndPreferredSizes(50, 50, 200, 200); | 101 mainWidget.setMinimumAndPreferredSizes(50, 50, 200, 200); |
| 102 thirdSidebarView.setMinimumAndPreferredSizes(49, 49, 99, 99); | 102 thirdSidebarWidget.setMinimumAndPreferredSizes(49, 49, 99, 99); |
| 103 splitView.setSidebarSize(260); | 103 splitWidget.setSidebarSize(260); |
| 104 dumpBoundingBoxes(views); | 104 dumpBoundingBoxes(widgets); |
| 105 | 105 |
| 106 InspectorTest.addResult("Less than sidebar preferred size"); | 106 InspectorTest.addResult("Less than sidebar preferred size"); |
| 107 splitView.setSidebarSize(80); | 107 splitWidget.setSidebarSize(80); |
| 108 dumpBoundingBoxes(views); | 108 dumpBoundingBoxes(widgets); |
| 109 | 109 |
| 110 InspectorTest.addResult("Size changes proportionally"); | 110 InspectorTest.addResult("Size changes proportionally"); |
| 111 splitView.setSidebarSize(320); | 111 splitWidget.setSidebarSize(320); |
| 112 dumpBoundingBoxes(views); | 112 dumpBoundingBoxes(widgets); |
| 113 | 113 |
| 114 InspectorTest.addResult("Manual resize inside child split view"); | 114 InspectorTest.addResult("Manual resize inside child split widget"); |
| 115 childSplitView.setSidebarSize(50); | 115 childsplitWidget.setSidebarSize(50); |
| 116 dumpBoundingBoxes(views); | 116 dumpBoundingBoxes(widgets); |
| 117 | 117 |
| 118 InspectorTest.addResult("Manual resize inside child split view"); | 118 InspectorTest.addResult("Manual resize inside child split widget"); |
| 119 childSplitView.setSidebarSize(120); | 119 childsplitWidget.setSidebarSize(120); |
| 120 dumpBoundingBoxes(views); | 120 dumpBoundingBoxes(widgets); |
| 121 | 121 |
| 122 InspectorTest.addResult("Child split view gets more space"); | 122 InspectorTest.addResult("Child split widget gets more space"); |
| 123 splitView.setSidebarSize(170); | 123 splitWidget.setSidebarSize(170); |
| 124 dumpBoundingBoxes(views); | 124 dumpBoundingBoxes(widgets); |
| 125 | 125 |
| 126 InspectorTest.addResult("Child split view gets less space"); | 126 InspectorTest.addResult("Child split widget gets less space"); |
| 127 splitView.setSidebarSize(360); | 127 splitWidget.setSidebarSize(360); |
| 128 dumpBoundingBoxes(views); | 128 dumpBoundingBoxes(widgets); |
| 129 | 129 |
| 130 InspectorTest.completeTest(); | 130 InspectorTest.completeTest(); |
| 131 } | 131 } |
| 132 </script> | 132 </script> |
| 133 </head> | 133 </head> |
| 134 <body onload="runTest()"> | 134 <body onload="runTest()"> |
| 135 <p>Tests how view minimum size works.</p> | 135 <p>Tests how widget minimum size works.</p> |
| 136 </body> | 136 </body> |
| 137 </html> | 137 </html> |
| OLD | NEW |