The Tor Browser / file comparison
comparison: browser/devtools/responsivedesign/test/browser_responsiveui.js
browser/devtools/responsivedesign/test/browser_responsiveui.js
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:f6bd77b4f6b7 |
|---|---|
| 1 /* Any copyright is dedicated to the Public Domain. | |
| 2 http://creativecommons.org/publicdomain/zero/1.0/ */ | |
| 3 | |
| 4 function test() { | |
| 5 let instance, widthBeforeClose, heightBeforeClose; | |
| 6 let mgr = ResponsiveUI.ResponsiveUIManager; | |
| 7 | |
| 8 waitForExplicitFinish(); | |
| 9 | |
| 10 gBrowser.selectedTab = gBrowser.addTab(); | |
| 11 gBrowser.selectedBrowser.addEventListener("load", function onload() { | |
| 12 gBrowser.selectedBrowser.removeEventListener("load", onload, true); | |
| 13 waitForFocus(startTest, content); | |
| 14 }, true); | |
| 15 | |
| 16 content.location = "data:text/html,mop"; | |
| 17 | |
| 18 function startTest() { | |
| 19 document.getElementById("Tools:ResponsiveUI").removeAttribute("disabled"); | |
| 20 mgr.once("on", function() {executeSoon(onUIOpen)}); | |
| 21 synthesizeKeyFromKeyTag("key_responsiveUI"); | |
| 22 } | |
| 23 | |
| 24 function onUIOpen() { | |
| 25 // Is it open? | |
| 26 let container = gBrowser.getBrowserContainer(); | |
| 27 is(container.getAttribute("responsivemode"), "true", "In responsive mode."); | |
| 28 | |
| 29 // Menus are correctly updated? | |
| 30 is(document.getElementById("Tools:ResponsiveUI").getAttribute("checked"), "true", "menus checked"); | |
| 31 | |
| 32 instance = gBrowser.selectedTab.__responsiveUI; | |
| 33 ok(instance, "instance of the module is attached to the tab."); | |
| 34 | |
| 35 if (instance._floatingScrollbars) { | |
| 36 ensureScrollbarsAreFloating(); | |
| 37 } | |
| 38 | |
| 39 instance.transitionsEnabled = false; | |
| 40 | |
| 41 testPresets(); | |
| 42 } | |
| 43 | |
| 44 function ensureScrollbarsAreFloating() { | |
| 45 let body = gBrowser.contentDocument.body; | |
| 46 let html = gBrowser.contentDocument.documentElement; | |
| 47 | |
| 48 let originalWidth = body.getBoundingClientRect().width; | |
| 49 | |
| 50 html.style.overflowY = "scroll"; // Force scrollbars | |
| 51 // Flush. Should not be needed as getBoundingClientRect() should flush, | |
| 52 // but just in case. | |
| 53 gBrowser.contentWindow.getComputedStyle(html).overflowY; | |
| 54 let newWidth = body.getBoundingClientRect().width; | |
| 55 is(originalWidth, newWidth, "Floating scrollbars are presents"); | |
| 56 } | |
| 57 | |
| 58 function testPresets() { | |
| 59 function testOnePreset(c) { | |
| 60 if (c == 0) { | |
| 61 executeSoon(testCustom); | |
| 62 return; | |
| 63 } | |
| 64 instance.menulist.selectedIndex = c; | |
| 65 let item = instance.menulist.firstChild.childNodes[c]; | |
| 66 let [width, height] = extractSizeFromString(item.getAttribute("label")); | |
| 67 is(content.innerWidth, width, "preset " + c + ": dimension valid (width)"); | |
| 68 is(content.innerHeight, height, "preset " + c + ": dimension valid (height)"); | |
| 69 | |
| 70 testOnePreset(c - 1); | |
| 71 } | |
| 72 // Starting from length - 4 because last 3 items are not presets : separator, addbutton and removebutton | |
| 73 testOnePreset(instance.menulist.firstChild.childNodes.length - 4); | |
| 74 } | |
| 75 | |
| 76 function extractSizeFromString(str) { | |
| 77 let numbers = str.match(/(\d+)[^\d]*(\d+)/); | |
| 78 if (numbers) { | |
| 79 return [numbers[1], numbers[2]]; | |
| 80 } else { | |
| 81 return [null, null]; | |
| 82 } | |
| 83 } | |
| 84 | |
| 85 function testCustom() { | |
| 86 let initialWidth = content.innerWidth; | |
| 87 let initialHeight = content.innerHeight; | |
| 88 | |
| 89 let x = 2, y = 2; | |
| 90 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousedown"}, window); | |
| 91 x += 20; y += 10; | |
| 92 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousemove"}, window); | |
| 93 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mouseup"}, window); | |
| 94 | |
| 95 let expectedWidth = initialWidth + 20; | |
| 96 let expectedHeight = initialHeight + 10; | |
| 97 info("initial width: " + initialWidth); | |
| 98 info("initial height: " + initialHeight); | |
| 99 is(content.innerWidth, expectedWidth, "Size correcty updated (width)."); | |
| 100 is(content.innerHeight, expectedHeight, "Size correcty updated (height)."); | |
| 101 is(instance.menulist.selectedIndex, 0, "Custom menuitem selected"); | |
| 102 let [width, height] = extractSizeFromString(instance.menulist.firstChild.firstChild.getAttribute("label")); | |
| 103 is(width, expectedWidth, "Label updated (width)."); | |
| 104 is(height, expectedHeight, "Label updated (height)."); | |
| 105 testCustom2(); | |
| 106 } | |
| 107 | |
| 108 function testCustom2() { | |
| 109 let initialWidth = content.innerWidth; | |
| 110 let initialHeight = content.innerHeight; | |
| 111 | |
| 112 let x = 2, y = 2; | |
| 113 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousedown"}, window); | |
| 114 x += 23; y += 13; | |
| 115 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousemove", shiftKey: true}, window); | |
| 116 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mouseup"}, window); | |
| 117 | |
| 118 let expectedWidth = initialWidth + 20; | |
| 119 let expectedHeight = initialHeight + 10; | |
| 120 is(content.innerWidth, expectedWidth, "with shift: Size correcty updated (width)."); | |
| 121 is(content.innerHeight, expectedHeight, "with shift: Size correcty updated (height)."); | |
| 122 is(instance.menulist.selectedIndex, 0, "with shift: Custom menuitem selected"); | |
| 123 let [width, height] = extractSizeFromString(instance.menulist.firstChild.firstChild.getAttribute("label")); | |
| 124 is(width, expectedWidth, "Label updated (width)."); | |
| 125 is(height, expectedHeight, "Label updated (height)."); | |
| 126 testCustom3(); | |
| 127 } | |
| 128 | |
| 129 function testCustom3() { | |
| 130 let initialWidth = content.innerWidth; | |
| 131 let initialHeight = content.innerHeight; | |
| 132 | |
| 133 let x = 2, y = 2; | |
| 134 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousedown"}, window); | |
| 135 x += 60; y += 30; | |
| 136 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mousemove", ctrlKey: true}, window); | |
| 137 EventUtils.synthesizeMouse(instance.resizer, x, y, {type: "mouseup"}, window); | |
| 138 | |
| 139 let expectedWidth = initialWidth + 10; | |
| 140 let expectedHeight = initialHeight + 5; | |
| 141 is(content.innerWidth, expectedWidth, "with ctrl: Size correcty updated (width)."); | |
| 142 is(content.innerHeight, expectedHeight, "with ctrl: Size correcty updated (height)."); | |
| 143 is(instance.menulist.selectedIndex, 0, "with ctrl: Custom menuitem selected"); | |
| 144 let [width, height] = extractSizeFromString(instance.menulist.firstChild.firstChild.getAttribute("label")); | |
| 145 is(width, expectedWidth, "Label updated (width)."); | |
| 146 is(height, expectedHeight, "Label updated (height)."); | |
| 147 | |
| 148 rotate(); | |
| 149 } | |
| 150 | |
| 151 | |
| 152 function rotate() { | |
| 153 let initialWidth = content.innerWidth; | |
| 154 let initialHeight = content.innerHeight; | |
| 155 | |
| 156 info("rotate"); | |
| 157 instance.rotate(); | |
| 158 | |
| 159 is(content.innerWidth, initialHeight, "The width is now the height."); | |
| 160 is(content.innerHeight, initialWidth, "The height is now the width."); | |
| 161 let [width, height] = extractSizeFromString(instance.menulist.firstChild.firstChild.getAttribute("label")); | |
| 162 is(width, initialHeight, "Label updated (width)."); | |
| 163 is(height, initialWidth, "Label updated (height)."); | |
| 164 | |
| 165 widthBeforeClose = content.innerWidth; | |
| 166 heightBeforeClose = content.innerHeight; | |
| 167 | |
| 168 info("XXX BUG 851296: instance.closing: " + !!instance.closing); | |
| 169 | |
| 170 mgr.once("off", function() { | |
| 171 info("XXX BUG 851296: 'off' received."); | |
| 172 executeSoon(restart); | |
| 173 }); | |
| 174 EventUtils.synthesizeKey("VK_ESCAPE", {}); | |
| 175 } | |
| 176 | |
| 177 function restart() { | |
| 178 info("XXX BUG 851296: restarting."); | |
| 179 info("XXX BUG 851296: __responsiveUI: " + gBrowser.selectedTab.__responsiveUI); | |
| 180 mgr.once("on", function() { | |
| 181 info("XXX BUG 851296: 'on' received."); | |
| 182 executeSoon(onUIOpen2); | |
| 183 }); | |
| 184 //XXX BUG 851296: synthesizeKeyFromKeyTag("key_responsiveUI"); | |
| 185 mgr.toggle(window, gBrowser.selectedTab); | |
| 186 info("XXX BUG 851296: restart() finished."); | |
| 187 } | |
| 188 | |
| 189 function onUIOpen2() { | |
| 190 info("XXX BUG 851296: onUIOpen2."); | |
| 191 let container = gBrowser.getBrowserContainer(); | |
| 192 is(container.getAttribute("responsivemode"), "true", "In responsive mode."); | |
| 193 | |
| 194 // Menus are correctly updated? | |
| 195 is(document.getElementById("Tools:ResponsiveUI").getAttribute("checked"), "true", "menus checked"); | |
| 196 | |
| 197 is(content.innerWidth, widthBeforeClose, "width restored."); | |
| 198 is(content.innerHeight, heightBeforeClose, "height restored."); | |
| 199 | |
| 200 mgr.once("off", function() {executeSoon(testScreenshot)}); | |
| 201 EventUtils.synthesizeKey("VK_ESCAPE", {}); | |
| 202 } | |
| 203 | |
| 204 function testScreenshot() { | |
| 205 let isWinXP = navigator.userAgent.indexOf("Windows NT 5.1") != -1; | |
| 206 if (isWinXP) { | |
| 207 // We have issues testing this on Windows XP. | |
| 208 // See https://bugzilla.mozilla.org/show_bug.cgi?id=848760#c17 | |
| 209 return finishUp(); | |
| 210 } | |
| 211 | |
| 212 info("screenshot"); | |
| 213 instance.screenshot("responsiveui"); | |
| 214 let FileUtils = (Cu.import("resource://gre/modules/FileUtils.jsm", {})).FileUtils; | |
| 215 | |
| 216 // while(1) until we find the file. | |
| 217 // no need for a timeout, the test will get killed anyway. | |
| 218 info("checking if file exists in 200ms"); | |
| 219 function checkIfFileExist() { | |
| 220 let file = FileUtils.getFile("DfltDwnld", [ "responsiveui.png" ]); | |
| 221 if (file.exists()) { | |
| 222 ok(true, "Screenshot file exists"); | |
| 223 file.remove(false); | |
| 224 finishUp(); | |
| 225 } else { | |
| 226 setTimeout(checkIfFileExist, 200); | |
| 227 } | |
| 228 } | |
| 229 checkIfFileExist(); | |
| 230 } | |
| 231 | |
| 232 function finishUp() { | |
| 233 | |
| 234 // Menus are correctly updated? | |
| 235 is(document.getElementById("Tools:ResponsiveUI").getAttribute("checked"), "false", "menu unchecked"); | |
| 236 | |
| 237 delete instance; | |
| 238 gBrowser.removeCurrentTab(); | |
| 239 finish(); | |
| 240 } | |
| 241 | |
| 242 function synthesizeKeyFromKeyTag(aKeyId) { | |
| 243 let key = document.getElementById(aKeyId); | |
| 244 isnot(key, null, "Successfully retrieved the <key> node"); | |
| 245 | |
| 246 let modifiersAttr = key.getAttribute("modifiers"); | |
| 247 | |
| 248 let name = null; | |
| 249 | |
| 250 if (key.getAttribute("keycode")) | |
| 251 name = key.getAttribute("keycode"); | |
| 252 else if (key.getAttribute("key")) | |
| 253 name = key.getAttribute("key"); | |
| 254 | |
| 255 isnot(name, null, "Successfully retrieved keycode/key"); | |
| 256 | |
| 257 let modifiers = { | |
| 258 shiftKey: modifiersAttr.match("shift"), | |
| 259 ctrlKey: modifiersAttr.match("ctrl"), | |
| 260 altKey: modifiersAttr.match("alt"), | |
| 261 metaKey: modifiersAttr.match("meta"), | |
| 262 accelKey: modifiersAttr.match("accel") | |
| 263 } | |
| 264 | |
| 265 info("XXX BUG 851296: key name: " + name); | |
| 266 info("XXX BUG 851296: key modifiers: " + JSON.stringify(modifiers)); | |
| 267 EventUtils.synthesizeKey(name, modifiers); | |
| 268 } | |
| 269 } |
