The Tor Browser: browser/devtools/debugger/test/browser_dbg_variables-view-edit-watch.js@6474c204b198 (annotated)

browser/devtools/debugger/test/browser_dbg_variables-view-edit-watch.js@6474c204b198 (annotated)

browser/devtools/debugger/test/browser_dbg_variables-view-edit-watch.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 /* Any copyright is dedicated to the Public Domain.
    http://creativecommons.org/publicdomain/zero/1.0/ */
 /**
  * Make sure that the editing or removing watch expressions works properly.
  */
 const TAB_URL = EXAMPLE_URL + "doc_watch-expressions.html";
 let gTab, gDebuggee, gPanel, gDebugger;
 let gL10N, gEditor, gVars, gWatch;
 function test() {
   initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => {
     gTab = aTab;
     gDebuggee = aDebuggee;
     gPanel = aPanel;
     gDebugger = gPanel.panelWin;
     gL10N = gDebugger.L10N;
     gEditor = gDebugger.DebuggerView.editor;
     gVars = gDebugger.DebuggerView.Variables;
     gWatch = gDebugger.DebuggerView.WatchExpressions;
     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_WATCH_EXPRESSIONS)
       .then(() => testInitialVariablesInScope())
       .then(() => testInitialExpressionsInScope())
       .then(() => testModification("document.title = 42", "document.title = 43", "43", "undefined"))
       .then(() => testIntegrity1())
       .then(() => testModification("aArg", "aArg = 44", "44", "44"))
       .then(() => testIntegrity2())
       .then(() => testModification("aArg = 44", "\ \t\r\ndocument.title\ \t\r\n", "\"43\"", "44"))
       .then(() => testIntegrity3())
       .then(() => testModification("document.title = 43", "\ \t\r\ndocument.title\ \t\r\n", "\"43\"", "44"))
       .then(() => testIntegrity4())
       .then(() => testModification("document.title", "\ \t\r\n", "\"43\"", "44"))
       .then(() => testIntegrity5())
       .then(() => testExprDeletion("this", "44"))
       .then(() => testIntegrity6())
       .then(() => testExprFinalDeletion("ermahgerd", "44"))
       .then(() => testIntegrity7())
       .then(() => resumeDebuggerThenCloseAndFinish(gPanel))
       .then(null, aError => {
         ok(false, "Got an error: " + aError.message + "\n" + aError.stack);
       });
     addExpressions();
     gDebuggee.ermahgerd();
   });
 }
 function addExpressions() {
   addExpression("this");
   addExpression("ermahgerd");
   addExpression("aArg");
   addExpression("document.title");
   addCmdExpression("document.title = 42");
   is(gWatch.itemCount, 5,
     "There should be 5 items availalble in the watch expressions view.");
   is(gWatch.getItemAtIndex(4).attachment.initialExpression, "this",
     "The first expression's initial value should be correct.");
   is(gWatch.getItemAtIndex(3).attachment.initialExpression, "ermahgerd",
     "The second expression's initial value should be correct.");
   is(gWatch.getItemAtIndex(2).attachment.initialExpression, "aArg",
     "The third expression's initial value should be correct.");
   is(gWatch.getItemAtIndex(1).attachment.initialExpression, "document.title",
     "The fourth expression's initial value should be correct.");
   is(gWatch.getItemAtIndex(0).attachment.initialExpression, "document.title = 42",
     "The fifth expression's initial value should be correct.");
   is(gWatch.getItemAtIndex(4).attachment.currentExpression, "this",
     "The first expression's current value should be correct.");
   is(gWatch.getItemAtIndex(3).attachment.currentExpression, "ermahgerd",
     "The second expression's current value should be correct.");
   is(gWatch.getItemAtIndex(2).attachment.currentExpression, "aArg",
     "The third expression's current value should be correct.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "document.title",
     "The fourth expression's current value should be correct.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "document.title = 42",
     "The fifth expression's current value should be correct.");
 }
 function testInitialVariablesInScope() {
   let localScope = gVars.getScopeAtIndex(1);
   let argVar = localScope.get("aArg");
   is(argVar.visible, true,
     "Should have the right visibility state for 'aArg'.");
   is(argVar.name, "aArg",
     "Should have the right name for 'aArg'.");
   is(argVar.value.type, "undefined",
     "Should have the right initial value for 'aArg'.");
 }
 function testInitialExpressionsInScope() {
   let exprScope = gVars.getScopeAtIndex(0);
   let thisExpr = exprScope.get("this");
   let ermExpr = exprScope.get("ermahgerd");
   let argExpr = exprScope.get("aArg");
   let docExpr = exprScope.get("document.title");
   let docExpr2 = exprScope.get("document.title = 42");
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 5,
     "There should be 5 evaluations available.");
   is(thisExpr.visible, true,
     "Should have the right visibility state for 'this'.");
   is(thisExpr.target.querySelectorAll(".variables-view-delete").length, 1,
     "Should have the one close button visible for 'this'.");
   is(thisExpr.name, "this",
     "Should have the right name for 'this'.");
   is(thisExpr.value.type, "object",
     "Should have the right value type for 'this'.");
   is(thisExpr.value.class, "Window",
     "Should have the right value type for 'this'.");
   is(ermExpr.visible, true,
     "Should have the right visibility state for 'ermahgerd'.");
   is(ermExpr.target.querySelectorAll(".variables-view-delete").length, 1,
     "Should have the one close button visible for 'ermahgerd'.");
   is(ermExpr.name, "ermahgerd",
     "Should have the right name for 'ermahgerd'.");
   is(ermExpr.value.type, "object",
     "Should have the right value type for 'ermahgerd'.");
   is(ermExpr.value.class, "Function",
     "Should have the right value type for 'ermahgerd'.");
   is(argExpr.visible, true,
     "Should have the right visibility state for 'aArg'.");
   is(argExpr.target.querySelectorAll(".variables-view-delete").length, 1,
     "Should have the one close button visible for 'aArg'.");
   is(argExpr.name, "aArg",
     "Should have the right name for 'aArg'.");
   is(argExpr.value.type, "undefined",
     "Should have the right value for 'aArg'.");
   is(docExpr.visible, true,
     "Should have the right visibility state for 'document.title'.");
   is(docExpr.target.querySelectorAll(".variables-view-delete").length, 1,
     "Should have the one close button visible for 'document.title'.");
   is(docExpr.name, "document.title",
     "Should have the right name for 'document.title'.");
   is(docExpr.value, "42",
     "Should have the right value for 'document.title'.");
   is(docExpr2.visible, true,
     "Should have the right visibility state for 'document.title = 42'.");
   is(docExpr2.target.querySelectorAll(".variables-view-delete").length, 1,
     "Should have the one close button visible for 'document.title = 42'.");
   is(docExpr2.name, "document.title = 42",
     "Should have the right name for 'document.title = 42'.");
   is(docExpr2.value, 42,
     "Should have the right value for 'document.title = 42'.");
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 5,
     "There should be 5 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
 }
 function testModification(aName, aNewValue, aNewResult, aArgResult) {
   let exprScope = gVars.getScopeAtIndex(0);
   let exprVar = exprScope.get(aName);
   let finished = promise.all([
     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_SCOPES),
     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_WATCH_EXPRESSIONS)
   ])
   .then(() => {
     let localScope = gVars.getScopeAtIndex(1);
     let argVar = localScope.get("aArg");
     is(argVar.visible, true,
       "Should have the right visibility state for 'aArg'.");
     is(argVar.target.querySelector(".name").getAttribute("value"), "aArg",
       "Should have the right name for 'aArg'.");
     is(argVar.target.querySelector(".value").getAttribute("value"), aArgResult,
       "Should have the right new value for 'aArg'.");
     let exprScope = gVars.getScopeAtIndex(0);
     let exprOldVar = exprScope.get(aName);
     let exprNewVar = exprScope.get(aNewValue.trim());
     if (!aNewValue.trim()) {
       ok(!exprOldVar,
         "The old watch expression should have been removed.");
       ok(!exprNewVar,
         "No new watch expression should have been added.");
     } else {
       ok(!exprOldVar,
         "The old watch expression should have been removed.");
       ok(exprNewVar,
         "The new watch expression should have been added.");
       is(exprNewVar.visible, true,
         "Should have the right visibility state for the watch expression.");
       is(exprNewVar.target.querySelector(".name").getAttribute("value"), aNewValue.trim(),
         "Should have the right name for the watch expression.");
       is(exprNewVar.target.querySelector(".value").getAttribute("value"), aNewResult,
         "Should have the right new value for the watch expression.");
     }
   });
   let varValue = exprVar.target.querySelector(".title > .name");
   EventUtils.sendMouseEvent({ type: "dblclick" }, varValue, gDebugger);
   let varInput = exprVar.target.querySelector(".title > .element-name-input");
   setText(varInput, aNewValue);
   EventUtils.sendKey("RETURN", gDebugger);
   return finished;
 }
 function testExprDeletion(aName, aArgResult) {
   let exprScope = gVars.getScopeAtIndex(0);
   let exprVar = exprScope.get(aName);
   let finished = promise.all([
     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_SCOPES),
     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_WATCH_EXPRESSIONS)
   ])
   .then(() => {
     let localScope = gVars.getScopeAtIndex(1);
     let argVar = localScope.get("aArg");
     is(argVar.visible, true,
       "Should have the right visibility state for 'aArg'.");
     is(argVar.target.querySelector(".name").getAttribute("value"), "aArg",
       "Should have the right name for 'aArg'.");
     is(argVar.target.querySelector(".value").getAttribute("value"), aArgResult,
       "Should have the right new value for 'aArg'.");
     let exprScope = gVars.getScopeAtIndex(0);
     let exprOldVar = exprScope.get(aName);
     ok(!exprOldVar,
       "The watch expression should have been deleted.");
   });
   let varDelete = exprVar.target.querySelector(".variables-view-delete");
   EventUtils.sendMouseEvent({ type: "click" }, varDelete, gDebugger);
   return finished;
 }
 function testExprFinalDeletion(aName, aArgResult) {
   let exprScope = gVars.getScopeAtIndex(0);
   let exprVar = exprScope.get(aName);
   let finished = waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_SCOPES).then(() => {
     let localScope = gVars.getScopeAtIndex(0);
     let argVar = localScope.get("aArg");
     is(argVar.visible, true,
       "Should have the right visibility state for 'aArg'.");
     is(argVar.target.querySelector(".name").getAttribute("value"), "aArg",
       "Should have the right name for 'aArg'.");
     is(argVar.target.querySelector(".value").getAttribute("value"), aArgResult,
       "Should have the right new value for 'aArg'.");
     let exprScope = gVars.getScopeAtIndex(0);
     let exprOldVar = exprScope.get(aName);
     ok(!exprOldVar,
       "The watch expression should have been deleted.");
   });
   let varDelete = exprVar.target.querySelector(".variables-view-delete");
   EventUtils.sendMouseEvent({ type: "click" }, varDelete, gDebugger);
   return finished;
 }
 function testIntegrity1() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 5,
     "There should be 5 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 5,
     "There should be 5 visible evaluations available.");
   is(gWatch.itemCount, 5,
     "There should be 5 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.view.inputNode.value, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.view.inputNode.value, "aArg",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.currentExpression, "aArg",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.view.inputNode.value, "ermahgerd",
     "The fourth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.currentExpression, "ermahgerd",
     "The fourth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(4).attachment.view.inputNode.value, "this",
     "The fifth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(4).attachment.currentExpression, "this",
     "The fifth textbox input value is not the correct one.");
 }
 function testIntegrity2() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 5,
     "There should be 5 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 5,
     "There should be 5 visible evaluations available.");
   is(gWatch.itemCount, 5,
     "There should be 5 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.view.inputNode.value, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.view.inputNode.value, "aArg = 44",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.currentExpression, "aArg = 44",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.view.inputNode.value, "ermahgerd",
     "The fourth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.currentExpression, "ermahgerd",
     "The fourth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(4).attachment.view.inputNode.value, "this",
     "The fifth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(4).attachment.currentExpression, "this",
     "The fifth textbox input value is not the correct one.");
 }
 function testIntegrity3() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 4,
     "There should be 4 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 4,
     "There should be 4 visible evaluations available.");
   is(gWatch.itemCount, 4,
     "There should be 4 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "document.title = 43",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.view.inputNode.value, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "document.title",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.view.inputNode.value, "ermahgerd",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.currentExpression, "ermahgerd",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.view.inputNode.value, "this",
     "The fourth textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(3).attachment.currentExpression, "this",
     "The fourth textbox input value is not the correct one.");
 }
 function testIntegrity4() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 3,
     "There should be 3 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 3,
     "There should be 3 visible evaluations available.");
   is(gWatch.itemCount, 3,
     "There should be 3 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "document.title",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "document.title",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.view.inputNode.value, "ermahgerd",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "ermahgerd",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.view.inputNode.value, "this",
     "The third textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(2).attachment.currentExpression, "this",
     "The third textbox input value is not the correct one.");
 }
 function testIntegrity5() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 2,
     "There should be 2 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 2,
     "There should be 2 visible evaluations available.");
   is(gWatch.itemCount, 2,
     "There should be 2 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "ermahgerd",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "ermahgerd",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.view.inputNode.value, "this",
     "The second textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(1).attachment.currentExpression, "this",
     "The second textbox input value is not the correct one.");
 }
 function testIntegrity6() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 1,
     "There should be 1 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let exprScope = gVars.getScopeAtIndex(0);
   ok(exprScope,
     "There should be a wach expressions scope in the variables view.");
   is(exprScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should be marked as 'Watch Expressions'.");
   is(exprScope._store.size, 1,
     "There should be 1 visible evaluation available.");
   is(gWatch.itemCount, 1,
     "There should be 1 hidden expression input available.");
   is(gWatch.getItemAtIndex(0).attachment.view.inputNode.value, "ermahgerd",
     "The first textbox input value is not the correct one.");
   is(gWatch.getItemAtIndex(0).attachment.currentExpression, "ermahgerd",
     "The first textbox input value is not the correct one.");
 }
 function testIntegrity7() {
   is(gDebugger.document.querySelectorAll(".dbg-expression[hidden=true]").length, 0,
     "There should be 0 hidden nodes in the watch expressions container.");
   is(gDebugger.document.querySelectorAll(".dbg-expression:not([hidden=true])").length, 0,
     "There should be 0 visible nodes in the watch expressions container.");
   let localScope = gVars.getScopeAtIndex(0);
   ok(localScope,
     "There should be a local scope in the variables view.");
   isnot(localScope.name, gL10N.getStr("watchExpressionsScopeLabel"),
     "The scope's name should not be marked as 'Watch Expressions'.");
   isnot(localScope._store.size, 0,
     "There should be some variables available.");
   is(gWatch.itemCount, 0,
     "The watch expressions container should be empty.");
 }
 function addExpression(aString) {
   gWatch.addExpression(aString);
   gEditor.focus();
 }
 function addCmdExpression(aString) {
   gWatch._onCmdAddExpression(aString);
   gEditor.focus();
 }
 registerCleanupFunction(function() {
   gTab = null;
   gDebuggee = null;
   gPanel = null;
   gDebugger = null;
   gL10N = null;
   gEditor = null;
   gVars = null;
   gWatch = null;
 });