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: * Tests that the event listener states are preserved in the view after the michael@0: * target navigates. michael@0: */ michael@0: michael@0: const TAB_URL = EXAMPLE_URL + "doc_event-listeners-02.html"; michael@0: michael@0: function test() { michael@0: initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => { michael@0: let gDebugger = aPanel.panelWin; michael@0: let gView = gDebugger.DebuggerView; michael@0: let gController = gDebugger.DebuggerController michael@0: let gEvents = gView.EventListeners; michael@0: let gBreakpoints = gController.Breakpoints; michael@0: michael@0: Task.spawn(function() { michael@0: yield waitForSourceShown(aPanel, ".html"); michael@0: michael@0: let fetched = waitForDebuggerEvents(aPanel, gDebugger.EVENTS.EVENT_LISTENERS_FETCHED); michael@0: gView.toggleInstrumentsPane({ visible: true, animated: false }, 1); michael@0: yield fetched; michael@0: michael@0: testEventItem(0, false); michael@0: testEventItem(1, false); michael@0: testEventItem(2, false); michael@0: testEventItem(3, false); michael@0: testEventGroup("interactionEvents", false); michael@0: testEventGroup("keyboardEvents", false); michael@0: testEventGroup("mouseEvents", false); michael@0: testEventArrays("keydown,click,change,keyup", ""); michael@0: michael@0: let updated = waitForDebuggerEvents(aPanel, gDebugger.EVENTS.EVENT_BREAKPOINTS_UPDATED); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(0), gDebugger); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(1), gDebugger); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(2), gDebugger); michael@0: yield updated; michael@0: michael@0: testEventItem(0, true); michael@0: testEventItem(1, true); michael@0: testEventItem(2, true); michael@0: testEventItem(3, false); michael@0: testEventGroup("interactionEvents", false); michael@0: testEventGroup("keyboardEvents", false); michael@0: testEventGroup("mouseEvents", false); michael@0: testEventArrays("keydown,click,change,keyup", "keydown,click,change"); michael@0: michael@0: yield reloadActiveTab(aPanel, gDebugger.EVENTS.EVENT_LISTENERS_FETCHED); michael@0: michael@0: testEventItem(0, true); michael@0: testEventItem(1, true); michael@0: testEventItem(2, true); michael@0: testEventItem(3, false); michael@0: testEventGroup("interactionEvents", false); michael@0: testEventGroup("keyboardEvents", false); michael@0: testEventGroup("mouseEvents", false); michael@0: testEventArrays("keydown,click,change,keyup", "keydown,click,change"); michael@0: michael@0: let updated = waitForDebuggerEvents(aPanel, gDebugger.EVENTS.EVENT_BREAKPOINTS_UPDATED); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(0), gDebugger); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(1), gDebugger); michael@0: EventUtils.sendMouseEvent({ type: "click" }, getItemCheckboxNode(2), gDebugger); michael@0: yield updated; michael@0: michael@0: testEventItem(0, false); michael@0: testEventItem(1, false); michael@0: testEventItem(2, false); michael@0: testEventItem(3, false); michael@0: testEventGroup("interactionEvents", false); michael@0: testEventGroup("keyboardEvents", false); michael@0: testEventGroup("mouseEvents", false); michael@0: testEventArrays("keydown,click,change,keyup", ""); michael@0: michael@0: yield reloadActiveTab(aPanel, gDebugger.EVENTS.EVENT_LISTENERS_FETCHED); michael@0: michael@0: testEventItem(0, false); michael@0: testEventItem(1, false); michael@0: testEventItem(2, false); michael@0: testEventItem(3, false); michael@0: testEventGroup("interactionEvents", false); michael@0: testEventGroup("keyboardEvents", false); michael@0: testEventGroup("mouseEvents", false); michael@0: testEventArrays("keydown,click,change,keyup", ""); michael@0: michael@0: yield ensureThreadClientState(aPanel, "resumed"); michael@0: yield closeDebuggerAndFinish(aPanel); michael@0: }); michael@0: michael@0: function getItemCheckboxNode(index) { michael@0: return gEvents.items[index].target.parentNode michael@0: .querySelector(".side-menu-widget-item-checkbox"); michael@0: } michael@0: michael@0: function getGroupCheckboxNode(string) { michael@0: return gEvents.widget._parent michael@0: .querySelector(".side-menu-widget-group[name=" + gDebugger.L10N.getStr(string) + "]") michael@0: .querySelector(".side-menu-widget-group-checkbox"); michael@0: } michael@0: michael@0: function testEventItem(index, checked) { michael@0: is(gEvents.attachments[index].checkboxState, checked, michael@0: "The event at index " + index + " has the correct checkbox state."); michael@0: is(getItemCheckboxNode(index).checked, checked, michael@0: "The correct checkbox state is shown for this event."); michael@0: } michael@0: michael@0: function testEventGroup(string, checked) { michael@0: is(getGroupCheckboxNode(string).checked, checked, michael@0: "The correct checkbox state is shown for the group " + string + "."); michael@0: } michael@0: michael@0: function testEventArrays(all, checked) { michael@0: is(gEvents.getAllEvents().toString(), all, michael@0: "The getAllEvents() method returns the correct stuff."); michael@0: is(gEvents.getCheckedEvents().toString(), checked, michael@0: "The getCheckedEvents() method returns the correct stuff."); michael@0: is(gBreakpoints.DOM.activeEventNames.toString(), checked, michael@0: "The correct event names are listed as being active breakpoints."); michael@0: } michael@0: }); michael@0: }