The Tor Browser / file comparison
comparison: browser/devtools/debugger/test/browser_dbg_variables-view-frame-parameters-01.js
browser/devtools/debugger/test/browser_dbg_variables-view-frame-parameters-01.js
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:14b3ffbaddf2 |
|---|---|
| 1 /* Any copyright is dedicated to the Public Domain. | |
| 2 http://creativecommons.org/publicdomain/zero/1.0/ */ | |
| 3 | |
| 4 /** | |
| 5 * Make sure that the variables view correctly displays the properties | |
| 6 * of objects when debugger is paused. | |
| 7 */ | |
| 8 | |
| 9 const TAB_URL = EXAMPLE_URL + "doc_frame-parameters.html"; | |
| 10 | |
| 11 let gTab, gDebuggee, gPanel, gDebugger; | |
| 12 let gVariables; | |
| 13 | |
| 14 function test() { | |
| 15 // Debug test slaves are a bit slow at this test. | |
| 16 requestLongerTimeout(2); | |
| 17 | |
| 18 initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => { | |
| 19 gTab = aTab; | |
| 20 gDebuggee = aDebuggee; | |
| 21 gPanel = aPanel; | |
| 22 gDebugger = gPanel.panelWin; | |
| 23 gVariables = gDebugger.DebuggerView.Variables; | |
| 24 | |
| 25 waitForSourceAndCaretAndScopes(gPanel, ".html", 24) | |
| 26 .then(initialChecks) | |
| 27 .then(testExpandVariables) | |
| 28 .then(() => resumeDebuggerThenCloseAndFinish(gPanel)) | |
| 29 .then(null, aError => { | |
| 30 ok(false, "Got an error: " + aError.message + "\n" + aError.stack); | |
| 31 }); | |
| 32 | |
| 33 EventUtils.sendMouseEvent({ type: "click" }, | |
| 34 gDebuggee.document.querySelector("button"), | |
| 35 gDebuggee); | |
| 36 }); | |
| 37 } | |
| 38 | |
| 39 function initialChecks() { | |
| 40 let scopeNodes = gDebugger.document.querySelectorAll(".variables-view-scope"); | |
| 41 is(scopeNodes.length, 2, | |
| 42 "There should be 2 scopes available."); | |
| 43 | |
| 44 ok(scopeNodes[0].querySelector(".name").getAttribute("value").contains("[test]"), | |
| 45 "The local scope should be properly identified."); | |
| 46 ok(scopeNodes[1].querySelector(".name").getAttribute("value").contains("[Window]"), | |
| 47 "The global scope should be properly identified."); | |
| 48 | |
| 49 is(gVariables.getScopeAtIndex(0).target, scopeNodes[0], | |
| 50 "getScopeAtIndex(0) didn't return the expected scope."); | |
| 51 is(gVariables.getScopeAtIndex(1).target, scopeNodes[1], | |
| 52 "getScopeAtIndex(1) didn't return the expected scope."); | |
| 53 | |
| 54 is(gVariables.getItemForNode(scopeNodes[0]).target, scopeNodes[0], | |
| 55 "getItemForNode([0]) didn't return the expected scope."); | |
| 56 is(gVariables.getItemForNode(scopeNodes[1]).target, scopeNodes[1], | |
| 57 "getItemForNode([1]) didn't return the expected scope."); | |
| 58 | |
| 59 is(gVariables.getItemForNode(scopeNodes[0]).expanded, true, | |
| 60 "The local scope should be expanded by default."); | |
| 61 is(gVariables.getItemForNode(scopeNodes[1]).expanded, false, | |
| 62 "The global scope should not be collapsed by default."); | |
| 63 } | |
| 64 | |
| 65 function testExpandVariables() { | |
| 66 let deferred = promise.defer(); | |
| 67 | |
| 68 let localScope = gVariables.getScopeAtIndex(0); | |
| 69 let localEnums = localScope.target.querySelector(".variables-view-element-details.enum").childNodes; | |
| 70 | |
| 71 let thisVar = gVariables.getItemForNode(localEnums[0]); | |
| 72 let argsVar = gVariables.getItemForNode(localEnums[8]); | |
| 73 let cVar = gVariables.getItemForNode(localEnums[10]); | |
| 74 | |
| 75 is(thisVar.target.querySelector(".name").getAttribute("value"), "this", | |
| 76 "Should have the right property name for 'this'."); | |
| 77 is(argsVar.target.querySelector(".name").getAttribute("value"), "arguments", | |
| 78 "Should have the right property name for 'arguments'."); | |
| 79 is(cVar.target.querySelector(".name").getAttribute("value"), "c", | |
| 80 "Should have the right property name for 'c'."); | |
| 81 | |
| 82 is(thisVar.expanded, false, | |
| 83 "The thisVar should not be expanded at this point."); | |
| 84 is(argsVar.expanded, false, | |
| 85 "The argsVar should not be expanded at this point."); | |
| 86 is(cVar.expanded, false, | |
| 87 "The cVar should not be expanded at this point."); | |
| 88 | |
| 89 waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 3).then(() => { | |
| 90 is(thisVar.get("window").target.querySelector(".name").getAttribute("value"), "window", | |
| 91 "Should have the right property name for 'window'."); | |
| 92 is(thisVar.get("window").target.querySelector(".value").getAttribute("value"), | |
| 93 "Window \u2192 doc_frame-parameters.html", | |
| 94 "Should have the right property value for 'window'."); | |
| 95 ok(thisVar.get("window").target.querySelector(".value").className.contains("token-other"), | |
| 96 "Should have the right token class for 'window'."); | |
| 97 | |
| 98 is(thisVar.get("document").target.querySelector(".name").getAttribute("value"), "document", | |
| 99 "Should have the right property name for 'document'."); | |
| 100 is(thisVar.get("document").target.querySelector(".value").getAttribute("value"), | |
| 101 "HTMLDocument \u2192 doc_frame-parameters.html", | |
| 102 "Should have the right property value for 'document'."); | |
| 103 ok(thisVar.get("document").target.querySelector(".value").className.contains("token-domnode"), | |
| 104 "Should have the right token class for 'document'."); | |
| 105 | |
| 106 let argsProps = argsVar.target.querySelectorAll(".variables-view-property"); | |
| 107 is(argsProps.length, 8, | |
| 108 "The 'arguments' variable should contain 5 enumerable and 3 non-enumerable properties"); | |
| 109 | |
| 110 is(argsProps[0].querySelector(".name").getAttribute("value"), "0", | |
| 111 "Should have the right property name for '0'."); | |
| 112 is(argsProps[0].querySelector(".value").getAttribute("value"), "Object", | |
| 113 "Should have the right property value for '0'."); | |
| 114 ok(argsProps[0].querySelector(".value").className.contains("token-other"), | |
| 115 "Should have the right token class for '0'."); | |
| 116 | |
| 117 is(argsProps[1].querySelector(".name").getAttribute("value"), "1", | |
| 118 "Should have the right property name for '1'."); | |
| 119 is(argsProps[1].querySelector(".value").getAttribute("value"), "\"beta\"", | |
| 120 "Should have the right property value for '1'."); | |
| 121 ok(argsProps[1].querySelector(".value").className.contains("token-string"), | |
| 122 "Should have the right token class for '1'."); | |
| 123 | |
| 124 is(argsProps[2].querySelector(".name").getAttribute("value"), "2", | |
| 125 "Should have the right property name for '2'."); | |
| 126 is(argsProps[2].querySelector(".value").getAttribute("value"), "3", | |
| 127 "Should have the right property name for '2'."); | |
| 128 ok(argsProps[2].querySelector(".value").className.contains("token-number"), | |
| 129 "Should have the right token class for '2'."); | |
| 130 | |
| 131 is(argsProps[3].querySelector(".name").getAttribute("value"), "3", | |
| 132 "Should have the right property name for '3'."); | |
| 133 is(argsProps[3].querySelector(".value").getAttribute("value"), "false", | |
| 134 "Should have the right property value for '3'."); | |
| 135 ok(argsProps[3].querySelector(".value").className.contains("token-boolean"), | |
| 136 "Should have the right token class for '3'."); | |
| 137 | |
| 138 is(argsProps[4].querySelector(".name").getAttribute("value"), "4", | |
| 139 "Should have the right property name for '4'."); | |
| 140 is(argsProps[4].querySelector(".value").getAttribute("value"), "null", | |
| 141 "Should have the right property name for '4'."); | |
| 142 ok(argsProps[4].querySelector(".value").className.contains("token-null"), | |
| 143 "Should have the right token class for '4'."); | |
| 144 | |
| 145 is(gVariables.getItemForNode(argsProps[0]).target, | |
| 146 argsVar.target.querySelectorAll(".variables-view-property")[0], | |
| 147 "getItemForNode([0]) didn't return the expected property."); | |
| 148 | |
| 149 is(gVariables.getItemForNode(argsProps[1]).target, | |
| 150 argsVar.target.querySelectorAll(".variables-view-property")[1], | |
| 151 "getItemForNode([1]) didn't return the expected property."); | |
| 152 | |
| 153 is(gVariables.getItemForNode(argsProps[2]).target, | |
| 154 argsVar.target.querySelectorAll(".variables-view-property")[2], | |
| 155 "getItemForNode([2]) didn't return the expected property."); | |
| 156 | |
| 157 is(argsVar.find(argsProps[0]).target, | |
| 158 argsVar.target.querySelectorAll(".variables-view-property")[0], | |
| 159 "find([0]) didn't return the expected property."); | |
| 160 | |
| 161 is(argsVar.find(argsProps[1]).target, | |
| 162 argsVar.target.querySelectorAll(".variables-view-property")[1], | |
| 163 "find([1]) didn't return the expected property."); | |
| 164 | |
| 165 is(argsVar.find(argsProps[2]).target, | |
| 166 argsVar.target.querySelectorAll(".variables-view-property")[2], | |
| 167 "find([2]) didn't return the expected property."); | |
| 168 | |
| 169 let cProps = cVar.target.querySelectorAll(".variables-view-property"); | |
| 170 is(cProps.length, 7, | |
| 171 "The 'c' variable should contain 6 enumerable and 1 non-enumerable properties"); | |
| 172 | |
| 173 is(cProps[0].querySelector(".name").getAttribute("value"), "a", | |
| 174 "Should have the right property name for 'a'."); | |
| 175 is(cProps[0].querySelector(".value").getAttribute("value"), "1", | |
| 176 "Should have the right property value for 'a'."); | |
| 177 ok(cProps[0].querySelector(".value").className.contains("token-number"), | |
| 178 "Should have the right token class for 'a'."); | |
| 179 | |
| 180 is(cProps[1].querySelector(".name").getAttribute("value"), "b", | |
| 181 "Should have the right property name for 'b'."); | |
| 182 is(cProps[1].querySelector(".value").getAttribute("value"), "\"beta\"", | |
| 183 "Should have the right property value for 'b'."); | |
| 184 ok(cProps[1].querySelector(".value").className.contains("token-string"), | |
| 185 "Should have the right token class for 'b'."); | |
| 186 | |
| 187 is(cProps[2].querySelector(".name").getAttribute("value"), "c", | |
| 188 "Should have the right property name for 'c'."); | |
| 189 is(cProps[2].querySelector(".value").getAttribute("value"), "3", | |
| 190 "Should have the right property value for 'c'."); | |
| 191 ok(cProps[2].querySelector(".value").className.contains("token-number"), | |
| 192 "Should have the right token class for 'c'."); | |
| 193 | |
| 194 is(cProps[3].querySelector(".name").getAttribute("value"), "d", | |
| 195 "Should have the right property name for 'd'."); | |
| 196 is(cProps[3].querySelector(".value").getAttribute("value"), "false", | |
| 197 "Should have the right property value for 'd'."); | |
| 198 ok(cProps[3].querySelector(".value").className.contains("token-boolean"), | |
| 199 "Should have the right token class for 'd'."); | |
| 200 | |
| 201 is(cProps[4].querySelector(".name").getAttribute("value"), "e", | |
| 202 "Should have the right property name for 'e'."); | |
| 203 is(cProps[4].querySelector(".value").getAttribute("value"), "null", | |
| 204 "Should have the right property value for 'e'."); | |
| 205 ok(cProps[4].querySelector(".value").className.contains("token-null"), | |
| 206 "Should have the right token class for 'e'."); | |
| 207 | |
| 208 is(cProps[5].querySelector(".name").getAttribute("value"), "f", | |
| 209 "Should have the right property name for 'f'."); | |
| 210 is(cProps[5].querySelector(".value").getAttribute("value"), "undefined", | |
| 211 "Should have the right property value for 'f'."); | |
| 212 ok(cProps[5].querySelector(".value").className.contains("token-undefined"), | |
| 213 "Should have the right token class for 'f'."); | |
| 214 | |
| 215 is(gVariables.getItemForNode(cProps[0]).target, | |
| 216 cVar.target.querySelectorAll(".variables-view-property")[0], | |
| 217 "getItemForNode([0]) didn't return the expected property."); | |
| 218 | |
| 219 is(gVariables.getItemForNode(cProps[1]).target, | |
| 220 cVar.target.querySelectorAll(".variables-view-property")[1], | |
| 221 "getItemForNode([1]) didn't return the expected property."); | |
| 222 | |
| 223 is(gVariables.getItemForNode(cProps[2]).target, | |
| 224 cVar.target.querySelectorAll(".variables-view-property")[2], | |
| 225 "getItemForNode([2]) didn't return the expected property."); | |
| 226 | |
| 227 is(cVar.find(cProps[0]).target, | |
| 228 cVar.target.querySelectorAll(".variables-view-property")[0], | |
| 229 "find([0]) didn't return the expected property."); | |
| 230 | |
| 231 is(cVar.find(cProps[1]).target, | |
| 232 cVar.target.querySelectorAll(".variables-view-property")[1], | |
| 233 "find([1]) didn't return the expected property."); | |
| 234 | |
| 235 is(cVar.find(cProps[2]).target, | |
| 236 cVar.target.querySelectorAll(".variables-view-property")[2], | |
| 237 "find([2]) didn't return the expected property."); | |
| 238 }); | |
| 239 | |
| 240 // Expand the 'this', 'arguments' and 'c' variables view nodes. This causes | |
| 241 // their properties to be retrieved and displayed. | |
| 242 thisVar.expand(); | |
| 243 argsVar.expand(); | |
| 244 cVar.expand(); | |
| 245 | |
| 246 is(thisVar.expanded, true, | |
| 247 "The thisVar should be immediately marked as expanded."); | |
| 248 is(argsVar.expanded, true, | |
| 249 "The argsVar should be immediately marked as expanded."); | |
| 250 is(cVar.expanded, true, | |
| 251 "The cVar should be immediately marked as expanded."); | |
| 252 } | |
| 253 | |
| 254 registerCleanupFunction(function() { | |
| 255 gTab = null; | |
| 256 gDebuggee = null; | |
| 257 gPanel = null; | |
| 258 gDebugger = null; | |
| 259 gVariables = null; | |
| 260 }); |
