michael@0: /* Any copyright is dedicated to the Public Domain.
michael@0:    http://creativecommons.org/publicdomain/zero/1.0/ */
michael@0: 
michael@0: /**
michael@0:  * Make sure that the variables view correctly displays WebIDL attributes in DOM
michael@0:  * objects.
michael@0:  */
michael@0: 
michael@0: const TAB_URL = EXAMPLE_URL + "doc_frame-parameters.html";
michael@0: 
michael@0: let gTab, gDebuggee, gPanel, gDebugger;
michael@0: let gVariables;
michael@0: 
michael@0: function test() {
michael@0:   // Debug test slaves are a bit slow at this test.
michael@0:   requestLongerTimeout(2);
michael@0: 
michael@0:   initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => {
michael@0:     gTab = aTab;
michael@0:     gDebuggee = aDebuggee;
michael@0:     gPanel = aPanel;
michael@0:     gDebugger = gPanel.panelWin;
michael@0:     gVariables = gDebugger.DebuggerView.Variables;
michael@0: 
michael@0:     waitForSourceAndCaretAndScopes(gPanel, ".html", 24)
michael@0:       .then(expandGlobalScope)
michael@0:       .then(performTest)
michael@0:       .then(() => resumeDebuggerThenCloseAndFinish(gPanel))
michael@0:       .then(null, aError => {
michael@0:         ok(false, "Got an error: " + aError.message + "\n" + aError.stack);
michael@0:       });
michael@0: 
michael@0:     EventUtils.sendMouseEvent({ type: "click" },
michael@0:       gDebuggee.document.querySelector("button"),
michael@0:       gDebuggee);
michael@0:   });
michael@0: }
michael@0: 
michael@0: function expandGlobalScope() {
michael@0:   let deferred = promise.defer();
michael@0: 
michael@0:   let globalScope = gVariables.getScopeAtIndex(1);
michael@0:   is(globalScope.expanded, false,
michael@0:     "The global scope should not be expanded by default.");
michael@0: 
michael@0:   gDebugger.once(gDebugger.EVENTS.FETCHED_VARIABLES, deferred.resolve);
michael@0: 
michael@0:   EventUtils.sendMouseEvent({ type: "mousedown" },
michael@0:     globalScope.target.querySelector(".name"),
michael@0:     gDebugger);
michael@0: 
michael@0:   return deferred.promise;
michael@0: }
michael@0: 
michael@0: function performTest() {
michael@0:   let deferred = promise.defer();
michael@0:   let globalScope = gVariables.getScopeAtIndex(1);
michael@0: 
michael@0:   let buttonVar = globalScope.get("button");
michael@0:   let buttonAsProtoVar = globalScope.get("buttonAsProto");
michael@0:   let documentVar = globalScope.get("document");
michael@0: 
michael@0:   is(buttonVar.target.querySelector(".name").getAttribute("value"), "button",
michael@0:     "Should have the right property name for 'button'.");
michael@0:   is(buttonVar.target.querySelector(".value").getAttribute("value"), "<button>",
michael@0:     "Should have the right property value for 'button'.");
michael@0:   ok(buttonVar.target.querySelector(".value").className.contains("token-domnode"),
michael@0:     "Should have the right token class for 'button'.");
michael@0: 
michael@0:   is(buttonAsProtoVar.target.querySelector(".name").getAttribute("value"), "buttonAsProto",
michael@0:     "Should have the right property name for 'buttonAsProto'.");
michael@0:   is(buttonAsProtoVar.target.querySelector(".value").getAttribute("value"), "Object",
michael@0:     "Should have the right property value for 'buttonAsProto'.");
michael@0:   ok(buttonAsProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:     "Should have the right token class for 'buttonAsProto'.");
michael@0: 
michael@0:   is(documentVar.target.querySelector(".name").getAttribute("value"), "document",
michael@0:     "Should have the right property name for 'document'.");
michael@0:   is(documentVar.target.querySelector(".value").getAttribute("value"),
michael@0:     "HTMLDocument \u2192 doc_frame-parameters.html",
michael@0:     "Should have the right property value for 'document'.");
michael@0:   ok(documentVar.target.querySelector(".value").className.contains("token-domnode"),
michael@0:     "Should have the right token class for 'document'.");
michael@0: 
michael@0:   is(buttonVar.expanded, false,
michael@0:     "The buttonVar should not be expanded at this point.");
michael@0:   is(buttonAsProtoVar.expanded, false,
michael@0:     "The buttonAsProtoVar should not be expanded at this point.");
michael@0:   is(documentVar.expanded, false,
michael@0:     "The documentVar should not be expanded at this point.");
michael@0: 
michael@0:   waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 3).then(() => {
michael@0:     is(buttonVar.get("type").target.querySelector(".name").getAttribute("value"), "type",
michael@0:       "Should have the right property name for 'type'.");
michael@0:     is(buttonVar.get("type").target.querySelector(".value").getAttribute("value"), "\"submit\"",
michael@0:       "Should have the right property value for 'type'.");
michael@0:     ok(buttonVar.get("type").target.querySelector(".value").className.contains("token-string"),
michael@0:       "Should have the right token class for 'type'.");
michael@0: 
michael@0:     is(buttonVar.get("childNodes").target.querySelector(".name").getAttribute("value"), "childNodes",
michael@0:       "Should have the right property name for 'childNodes'.");
michael@0:     is(buttonVar.get("childNodes").target.querySelector(".value").getAttribute("value"), "NodeList[1]",
michael@0:       "Should have the right property value for 'childNodes'.");
michael@0:     ok(buttonVar.get("childNodes").target.querySelector(".value").className.contains("token-other"),
michael@0:       "Should have the right token class for 'childNodes'.");
michael@0: 
michael@0:     is(buttonVar.get("onclick").target.querySelector(".name").getAttribute("value"), "onclick",
michael@0:       "Should have the right property name for 'onclick'.");
michael@0:     is(buttonVar.get("onclick").target.querySelector(".value").getAttribute("value"), "onclick(event)",
michael@0:       "Should have the right property value for 'onclick'.");
michael@0:     ok(buttonVar.get("onclick").target.querySelector(".value").className.contains("token-other"),
michael@0:       "Should have the right token class for 'onclick'.");
michael@0: 
michael@0:     is(documentVar.get("title").target.querySelector(".name").getAttribute("value"), "title",
michael@0:       "Should have the right property name for 'title'.");
michael@0:     is(documentVar.get("title").target.querySelector(".value").getAttribute("value"), "\"Debugger test page\"",
michael@0:       "Should have the right property value for 'title'.");
michael@0:     ok(documentVar.get("title").target.querySelector(".value").className.contains("token-string"),
michael@0:       "Should have the right token class for 'title'.");
michael@0: 
michael@0:     is(documentVar.get("childNodes").target.querySelector(".name").getAttribute("value"), "childNodes",
michael@0:       "Should have the right property name for 'childNodes'.");
michael@0:     is(documentVar.get("childNodes").target.querySelector(".value").getAttribute("value"), "NodeList[3]",
michael@0:       "Should have the right property value for 'childNodes'.");
michael@0:     ok(documentVar.get("childNodes").target.querySelector(".value").className.contains("token-other"),
michael@0:       "Should have the right token class for 'childNodes'.");
michael@0: 
michael@0:     is(documentVar.get("onclick").target.querySelector(".name").getAttribute("value"), "onclick",
michael@0:       "Should have the right property name for 'onclick'.");
michael@0:     is(documentVar.get("onclick").target.querySelector(".value").getAttribute("value"), "null",
michael@0:       "Should have the right property value for 'onclick'.");
michael@0:     ok(documentVar.get("onclick").target.querySelector(".value").className.contains("token-null"),
michael@0:       "Should have the right token class for 'onclick'.");
michael@0: 
michael@0:     let buttonProtoVar = buttonVar.get("__proto__");
michael@0:     let buttonAsProtoProtoVar = buttonAsProtoVar.get("__proto__");
michael@0:     let documentProtoVar = documentVar.get("__proto__");
michael@0: 
michael@0:     is(buttonProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:       "Should have the right property name for '__proto__'.");
michael@0:     is(buttonProtoVar.target.querySelector(".value").getAttribute("value"), "HTMLButtonElementPrototype",
michael@0:       "Should have the right property value for '__proto__'.");
michael@0:     ok(buttonProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:       "Should have the right token class for '__proto__'.");
michael@0: 
michael@0:     is(buttonAsProtoProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:       "Should have the right property name for '__proto__'.");
michael@0:     is(buttonAsProtoProtoVar.target.querySelector(".value").getAttribute("value"), "<button>",
michael@0:       "Should have the right property value for '__proto__'.");
michael@0:     ok(buttonAsProtoProtoVar.target.querySelector(".value").className.contains("token-domnode"),
michael@0:       "Should have the right token class for '__proto__'.");
michael@0: 
michael@0:     is(documentProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:       "Should have the right property name for '__proto__'.");
michael@0:     is(documentProtoVar.target.querySelector(".value").getAttribute("value"), "HTMLDocumentPrototype",
michael@0:       "Should have the right property value for '__proto__'.");
michael@0:     ok(documentProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:       "Should have the right token class for '__proto__'.");
michael@0: 
michael@0:     is(buttonProtoVar.expanded, false,
michael@0:       "The buttonProtoVar should not be expanded at this point.");
michael@0:     is(buttonAsProtoProtoVar.expanded, false,
michael@0:       "The buttonAsProtoProtoVar should not be expanded at this point.");
michael@0:     is(documentProtoVar.expanded, false,
michael@0:       "The documentProtoVar should not be expanded at this point.");
michael@0: 
michael@0:     waitForDebuggerEvents(gPanel, gDebugger.EVENTS.FETCHED_PROPERTIES, 3).then(() => {
michael@0:       is(buttonAsProtoProtoVar.get("type").target.querySelector(".name").getAttribute("value"), "type",
michael@0:         "Should have the right property name for 'type'.");
michael@0:       is(buttonAsProtoProtoVar.get("type").target.querySelector(".value").getAttribute("value"), "\"submit\"",
michael@0:         "Should have the right property value for 'type'.");
michael@0:       ok(buttonAsProtoProtoVar.get("type").target.querySelector(".value").className.contains("token-string"),
michael@0:         "Should have the right token class for 'type'.");
michael@0: 
michael@0:       is(buttonAsProtoProtoVar.get("childNodes").target.querySelector(".name").getAttribute("value"), "childNodes",
michael@0:         "Should have the right property name for 'childNodes'.");
michael@0:       is(buttonAsProtoProtoVar.get("childNodes").target.querySelector(".value").getAttribute("value"), "NodeList[1]",
michael@0:         "Should have the right property value for 'childNodes'.");
michael@0:       ok(buttonAsProtoProtoVar.get("childNodes").target.querySelector(".value").className.contains("token-other"),
michael@0:         "Should have the right token class for 'childNodes'.");
michael@0: 
michael@0:       is(buttonAsProtoProtoVar.get("onclick").target.querySelector(".name").getAttribute("value"), "onclick",
michael@0:         "Should have the right property name for 'onclick'.");
michael@0:       is(buttonAsProtoProtoVar.get("onclick").target.querySelector(".value").getAttribute("value"), "onclick(event)",
michael@0:         "Should have the right property value for 'onclick'.");
michael@0:       ok(buttonAsProtoProtoVar.get("onclick").target.querySelector(".value").className.contains("token-other"),
michael@0:         "Should have the right token class for 'onclick'.");
michael@0: 
michael@0:       let buttonProtoProtoVar = buttonProtoVar.get("__proto__");
michael@0:       let buttonAsProtoProtoProtoVar = buttonAsProtoProtoVar.get("__proto__");
michael@0:       let documentProtoProtoVar = documentProtoVar.get("__proto__");
michael@0: 
michael@0:       is(buttonProtoProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:         "Should have the right property name for '__proto__'.");
michael@0:       is(buttonProtoProtoVar.target.querySelector(".value").getAttribute("value"), "HTMLElementPrototype",
michael@0:         "Should have the right property value for '__proto__'.");
michael@0:       ok(buttonProtoProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:         "Should have the right token class for '__proto__'.");
michael@0: 
michael@0:       is(buttonAsProtoProtoProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:         "Should have the right property name for '__proto__'.");
michael@0:       is(buttonAsProtoProtoProtoVar.target.querySelector(".value").getAttribute("value"), "HTMLButtonElementPrototype",
michael@0:         "Should have the right property value for '__proto__'.");
michael@0:       ok(buttonAsProtoProtoProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:         "Should have the right token class for '__proto__'.");
michael@0: 
michael@0:       is(documentProtoProtoVar.target.querySelector(".name").getAttribute("value"), "__proto__",
michael@0:         "Should have the right property name for '__proto__'.");
michael@0:       is(documentProtoProtoVar.target.querySelector(".value").getAttribute("value"), "DocumentPrototype",
michael@0:         "Should have the right property value for '__proto__'.");
michael@0:       ok(documentProtoProtoVar.target.querySelector(".value").className.contains("token-other"),
michael@0:         "Should have the right token class for '__proto__'.")
michael@0: 
michael@0:       is(buttonAsProtoProtoProtoVar.expanded, false,
michael@0:         "The buttonAsProtoProtoProtoVar should not be expanded at this point.");
michael@0:       is(buttonAsProtoProtoProtoVar.expanded, false,
michael@0:         "The buttonAsProtoProtoProtoVar should not be expanded at this point.");
michael@0:       is(documentProtoProtoVar.expanded, false,
michael@0:         "The documentProtoProtoVar should not be expanded at this point.");
michael@0: 
michael@0:       deferred.resolve();
michael@0:     });
michael@0: 
michael@0:     // Similarly, expand the 'button.__proto__', 'buttonAsProto.__proto__' and
michael@0:     // 'document.__proto__' variables view nodes.
michael@0:     buttonProtoVar.expand();
michael@0:     buttonAsProtoProtoVar.expand();
michael@0:     documentProtoVar.expand();
michael@0: 
michael@0:     is(buttonProtoVar.expanded, true,
michael@0:       "The buttonProtoVar should be immediately marked as expanded.");
michael@0:     is(buttonAsProtoProtoVar.expanded, true,
michael@0:       "The buttonAsProtoProtoVar should be immediately marked as expanded.");
michael@0:     is(documentProtoVar.expanded, true,
michael@0:       "The documentProtoVar should be immediately marked as expanded.");
michael@0:   });
michael@0: 
michael@0:   // Expand the 'button', 'buttonAsProto' and 'document' variables view nodes.
michael@0:   // This causes their properties to be retrieved and displayed.
michael@0:   buttonVar.expand();
michael@0:   buttonAsProtoVar.expand();
michael@0:   documentVar.expand();
michael@0: 
michael@0:   is(buttonVar.expanded, true,
michael@0:     "The buttonVar should be immediately marked as expanded.");
michael@0:   is(buttonAsProtoVar.expanded, true,
michael@0:     "The buttonAsProtoVar should be immediately marked as expanded.");
michael@0:   is(documentVar.expanded, true,
michael@0:     "The documentVar should be immediately marked as expanded.");
michael@0: 
michael@0:   return deferred.promise;
michael@0: }
michael@0: 
michael@0: registerCleanupFunction(function() {
michael@0:   gTab = null;
michael@0:   gDebuggee = null;
michael@0:   gPanel = null;
michael@0:   gDebugger = null;
michael@0:   gVariables = null;
michael@0: });