The Tor Browser / file comparison
comparison: browser/devtools/debugger/test/browser_dbg_closure-inspection.js
browser/devtools/debugger/test/browser_dbg_closure-inspection.js
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:7d113913e05f |
|---|---|
| 1 /* Any copyright is dedicated to the Public Domain. | |
| 2 http://creativecommons.org/publicdomain/zero/1.0/ */ | |
| 3 | |
| 4 const TAB_URL = EXAMPLE_URL + "doc_closures.html"; | |
| 5 | |
| 6 // Test that inspecting a closure works as expected. | |
| 7 | |
| 8 function test() { | |
| 9 let gPanel, gTab, gDebuggee, gDebugger; | |
| 10 | |
| 11 initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => { | |
| 12 gTab = aTab; | |
| 13 gDebuggee = aDebuggee; | |
| 14 gPanel = aPanel; | |
| 15 gDebugger = gPanel.panelWin; | |
| 16 gDebuggee.gRecurseLimit = 2; | |
| 17 | |
| 18 waitForSourceShown(gPanel, ".html") | |
| 19 .then(testClosure) | |
| 20 .then(() => resumeDebuggerThenCloseAndFinish(gPanel)) | |
| 21 .then(null, aError => { | |
| 22 ok(false, "Got an error: " + aError.message + "\n" + aError.stack); | |
| 23 }); | |
| 24 }); | |
| 25 | |
| 26 function testClosure() { | |
| 27 // Spin the event loop before causing the debuggee to pause, to allow | |
| 28 // this function to return first. | |
| 29 executeSoon(() => { | |
| 30 EventUtils.sendMouseEvent({ type: "click" }, | |
| 31 gDebuggee.document.querySelector("button"), | |
| 32 gDebuggee); | |
| 33 }); | |
| 34 | |
| 35 return waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_SCOPES).then(() => { | |
| 36 let gVars = gDebugger.DebuggerView.Variables; | |
| 37 let localScope = gVars.getScopeAtIndex(0); | |
| 38 let localNodes = localScope.target.querySelector(".variables-view-element-details").childNodes; | |
| 39 | |
| 40 is(localNodes[4].querySelector(".name").getAttribute("value"), "person", | |
| 41 "Should have the right property name for |person|."); | |
| 42 is(localNodes[4].querySelector(".value").getAttribute("value"), "Object", | |
| 43 "Should have the right property value for |person|."); | |
| 44 | |
| 45 // Expand the 'person' tree node. This causes its properties to be | |
| 46 // retrieved and displayed. | |
| 47 let personNode = gVars.getItemForNode(localNodes[4]); | |
| 48 let personFetched = waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES); | |
| 49 personNode.expand(); | |
| 50 | |
| 51 return personFetched.then(() => { | |
| 52 is(personNode.expanded, true, | |
| 53 "|person| should be expanded at this point."); | |
| 54 | |
| 55 is(personNode.get("getName").target.querySelector(".name") | |
| 56 .getAttribute("value"), "getName", | |
| 57 "Should have the right property name for 'getName' in person."); | |
| 58 is(personNode.get("getName").target.querySelector(".value") | |
| 59 .getAttribute("value"), "_pfactory/<.getName()", | |
| 60 "'getName' in person should have the right value."); | |
| 61 is(personNode.get("getFoo").target.querySelector(".name") | |
| 62 .getAttribute("value"), "getFoo", | |
| 63 "Should have the right property name for 'getFoo' in person."); | |
| 64 is(personNode.get("getFoo").target.querySelector(".value") | |
| 65 .getAttribute("value"), "_pfactory/<.getFoo()", | |
| 66 "'getFoo' in person should have the right value."); | |
| 67 | |
| 68 // Expand the function nodes. This causes their properties to be | |
| 69 // retrieved and displayed. | |
| 70 let getFooNode = personNode.get("getFoo"); | |
| 71 let getNameNode = personNode.get("getName"); | |
| 72 let funcsFetched = waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 2); | |
| 73 let funcClosuresFetched = waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_SCOPES, 2); | |
| 74 getFooNode.expand(); | |
| 75 getNameNode.expand(); | |
| 76 | |
| 77 return funcsFetched.then(() => { | |
| 78 is(getFooNode.expanded, true, | |
| 79 "|person.getFoo| should be expanded at this point."); | |
| 80 is(getNameNode.expanded, true, | |
| 81 "|person.getName| should be expanded at this point."); | |
| 82 | |
| 83 is(getFooNode.get("<Closure>").target.querySelector(".name") | |
| 84 .getAttribute("value"), "<Closure>", | |
| 85 "Found the closure node for getFoo."); | |
| 86 is(getFooNode.get("<Closure>").target.querySelector(".value") | |
| 87 .getAttribute("value"), "", | |
| 88 "The closure node has no value for getFoo."); | |
| 89 is(getNameNode.get("<Closure>").target.querySelector(".name") | |
| 90 .getAttribute("value"), "<Closure>", | |
| 91 "Found the closure node for getName."); | |
| 92 is(getNameNode.get("<Closure>").target.querySelector(".value") | |
| 93 .getAttribute("value"), "", | |
| 94 "The closure node has no value for getName."); | |
| 95 | |
| 96 // Expand the closure nodes. This causes their environments to be | |
| 97 // retrieved and displayed. | |
| 98 let getFooClosure = getFooNode.get("<Closure>"); | |
| 99 let getNameClosure = getNameNode.get("<Closure>"); | |
| 100 getFooClosure.expand(); | |
| 101 getNameClosure.expand(); | |
| 102 | |
| 103 return funcClosuresFetched.then(() => { | |
| 104 is(getFooClosure.expanded, true, | |
| 105 "|person.getFoo| closure should be expanded at this point."); | |
| 106 is(getNameClosure.expanded, true, | |
| 107 "|person.getName| closure should be expanded at this point."); | |
| 108 | |
| 109 is(getFooClosure.get("Function scope [_pfactory]").target.querySelector(".name") | |
| 110 .getAttribute("value"), "Function scope [_pfactory]", | |
| 111 "Found the function scope node for the getFoo closure."); | |
| 112 is(getFooClosure.get("Function scope [_pfactory]").target.querySelector(".value") | |
| 113 .getAttribute("value"), "", | |
| 114 "The function scope node has no value for the getFoo closure."); | |
| 115 is(getNameClosure.get("Function scope [_pfactory]").target.querySelector(".name") | |
| 116 .getAttribute("value"), "Function scope [_pfactory]", | |
| 117 "Found the function scope node for the getName closure."); | |
| 118 is(getNameClosure.get("Function scope [_pfactory]").target.querySelector(".value") | |
| 119 .getAttribute("value"), "", | |
| 120 "The function scope node has no value for the getName closure."); | |
| 121 | |
| 122 // Expand the scope nodes. | |
| 123 let getFooInnerScope = getFooClosure.get("Function scope [_pfactory]"); | |
| 124 let getNameInnerScope = getNameClosure.get("Function scope [_pfactory]"); | |
| 125 let innerFuncsFetched = waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 2); | |
| 126 getFooInnerScope.expand(); | |
| 127 getNameInnerScope.expand(); | |
| 128 | |
| 129 return funcsFetched.then(() => { | |
| 130 is(getFooInnerScope.expanded, true, | |
| 131 "|person.getFoo| inner scope should be expanded at this point."); | |
| 132 is(getNameInnerScope.expanded, true, | |
| 133 "|person.getName| inner scope should be expanded at this point."); | |
| 134 | |
| 135 // Only test that each function closes over the necessary variable. | |
| 136 // We wouldn't want future SpiderMonkey closure space | |
| 137 // optimizations to break this test. | |
| 138 is(getFooInnerScope.get("foo").target.querySelector(".name") | |
| 139 .getAttribute("value"), "foo", | |
| 140 "Found the foo node for the getFoo inner scope."); | |
| 141 is(getFooInnerScope.get("foo").target.querySelector(".value") | |
| 142 .getAttribute("value"), "10", | |
| 143 "The foo node has the expected value."); | |
| 144 is(getNameInnerScope.get("name").target.querySelector(".name") | |
| 145 .getAttribute("value"), "name", | |
| 146 "Found the name node for the getName inner scope."); | |
| 147 is(getNameInnerScope.get("name").target.querySelector(".value") | |
| 148 .getAttribute("value"), '"Bob"', | |
| 149 "The name node has the expected value."); | |
| 150 }); | |
| 151 }); | |
| 152 }); | |
| 153 }); | |
| 154 }); | |
| 155 } | |
| 156 } |
