Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(97)

Side by Side Diff: LayoutTests/inspector/split-view.html

Issue 1113813002: [DevTools] Rename View to Widget. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: rebased Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <html>
2 <head>
3 <script src="../http/tests/inspector/inspector-test.js"></script>
4 <script>
5
6 function test()
7 {
8 var settingIndex = 0;
9 function createAndShowSplitView(isVertical, secondIsSidebar, settingName, de faultSidebarWidth, defaultSidebarHeight, shouldSaveShowMode)
10 {
11 var splitView = new WebInspector.SplitView(isVertical, secondIsSidebar, settingName, defaultSidebarWidth, defaultSidebarHeight);
12 splitView.setMainView(new WebInspector.View());
13 splitView.setSidebarView(new WebInspector.View());
14 if (shouldSaveShowMode)
15 splitView.enableShowModeSaving();
16 splitView.element.style.position = "absolute";
17 splitView.element.style.top = "0";
18 splitView.element.style.left = "0";
19 splitView.element.style.height = "500px";
20 splitView.element.style.width = "500px";
21 splitView.markAsRoot();
22 splitView.show(document.body);
23 return splitView;
24 }
25
26 function dumpSplitViewOrientationShowModeAndSidebarSize(splitView)
27 {
28 var sidebarSize = splitView.isVertical() ? splitView.sidebarView().eleme nt.offsetWidth : splitView.sidebarView().element.offsetHeight;
29 var orientation = splitView.isVertical() ? "vertical" : "horizontal";
30 InspectorTest.addResult(" Sidebar size = " + sidebarSize + ", showMod e = " + splitView.showMode() + ", " + orientation);
31 InspectorTest.addResult(" Setting value: " + JSON.stringify(WebInspec tor.settings.settingForTest(splitView._setting._name).get()));
32 }
33
34 function testSplitViewSizes(useFraction, shouldSaveShowMode)
35 {
36 var secondIsSidebar = true;
37 var settingName = "splitViewStateSettingName" + (++settingIndex);
38 var defaultSidebarWidth = useFraction ? 0.23 : 101;
39 var defaultSidebarHeight = useFraction ? 0.24 : 102;
40 var newWidth = useFraction ? 125 : 201;
41 var newHeight = useFraction ? 130 : 202;
42
43 var splitView;
44 InspectorTest.addResult("Create default split view");
45 var params = "useFraction = " + useFraction + ", shouldSaveShowMode = " + shouldSaveShowMode;
46 InspectorTest.addResult("Running split view test with the following para meters: " + params);
47
48 InspectorTest.addResult("Creating split view");
49 splitView = createAndShowSplitView(true, secondIsSidebar, settingName, d efaultSidebarWidth, defaultSidebarHeight, shouldSaveShowMode);
50 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
51
52 InspectorTest.addResult("Hiding sidebar");
53 splitView.hideSidebar();
54 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
55
56 InspectorTest.addResult("Showing sidebar");
57 splitView.showBoth();
58 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
59
60 InspectorTest.addResult("Resizing");
61 splitView.setSidebarSize(newWidth);
62 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
63
64 InspectorTest.addResult("Hiding sidebar");
65 splitView.hideSidebar();
66 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
67
68 InspectorTest.addResult("Showing sidebar");
69 splitView.showBoth();
70 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
71
72 InspectorTest.addResult("Making horizontal");
73 splitView.setVertical(false);
74 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
75
76 InspectorTest.addResult("Resizing");
77 splitView.setSidebarSize(newHeight);
78 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
79
80 InspectorTest.addResult("Hiding sidebar");
81 splitView.hideSidebar();
82 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
83
84 splitView.element.remove();
85
86 InspectorTest.addResult("Recreating split view");
87 splitView = createAndShowSplitView(true, secondIsSidebar, settingName, d efaultSidebarWidth, defaultSidebarHeight, shouldSaveShowMode);
88 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
89
90 InspectorTest.addResult("Hiding sidebar");
91 splitView.hideSidebar();
92 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
93
94 InspectorTest.addResult("Making horizontal");
95 splitView.setVertical(false);
96 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
97
98 InspectorTest.addResult("Showing sidebar");
99 splitView.showBoth();
100 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
101
102 splitView.element.remove();
103
104 InspectorTest.addResult("Recreating split view");
105 splitView = createAndShowSplitView(true, secondIsSidebar, settingName, d efaultSidebarWidth, defaultSidebarHeight, shouldSaveShowMode);
106 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
107
108 InspectorTest.addResult("Making horizontal");
109 splitView.setVertical(false);
110 dumpSplitViewOrientationShowModeAndSidebarSize(splitView);
111
112 splitView.element.remove();
113 InspectorTest.addResult("");
114 }
115
116 // Test all combinations of useFraction and shouldSaveShowMode flags
117 testSplitViewSizes(false, false);
118 testSplitViewSizes(false, true);
119 testSplitViewSizes(true, false);
120 testSplitViewSizes(true, true);
121 InspectorTest.completeTest();
122 }
123 </script>
124 </head>
125 <body onload="runTest()">
126 <p>Tests how split view saving to settings works.</p>
127 </body>
128 </html>
OLDNEW
« no previous file with comments | « LayoutTests/inspector/minimum-size-expected.txt ('k') | LayoutTests/inspector/split-view-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698