forked from mirrors/gecko-dev
		
	 b9883553c8
			
		
	
	
		b9883553c8
		
	
	
	
	
		
			
			Still not sure what is the root issue here, but none of the regular connect tests are failing so I think the issue occurs when we remove tabs in the second step. Differential Revision: https://phabricator.services.mozilla.com/D12332 --HG-- extra : moz-landing-system : lando
		
			
				
	
	
		
			80 lines
		
	
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			80 lines
		
	
	
	
		
			3.1 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /* Any copyright is dedicated to the Public Domain.
 | |
|    http://creativecommons.org/publicdomain/zero/1.0/ */
 | |
| 
 | |
| "use strict";
 | |
| 
 | |
| /**
 | |
|  * Check that navigating from This Firefox to Connect and back to This Firefox works and
 | |
|  * does not leak.
 | |
|  */
 | |
| 
 | |
| const TAB_URL_1 = "data:text/html,<title>TAB1</title>";
 | |
| const TAB_URL_2 = "data:text/html,<title>TAB2</title>";
 | |
| 
 | |
| add_task(async function() {
 | |
|   info("Force all debug target panes to be expanded");
 | |
|   prepareCollapsibilitiesTest();
 | |
| 
 | |
|   const { document, tab, window } = await openAboutDebugging();
 | |
|   const AboutDebugging = window.AboutDebugging;
 | |
| 
 | |
|   const connectSidebarItem = findSidebarItemByText("Connect", document);
 | |
|   const connectLink = connectSidebarItem.querySelector(".js-sidebar-link");
 | |
|   ok(connectSidebarItem, "Found the Connect sidebar item");
 | |
| 
 | |
|   const thisFirefoxSidebarItem = findSidebarItemByText("This Firefox", document);
 | |
|   const thisFirefoxLink = thisFirefoxSidebarItem.querySelector(".js-sidebar-link");
 | |
|   ok(thisFirefoxSidebarItem, "Found the ThisFirefox sidebar item");
 | |
|   ok(isSidebarItemSelected(thisFirefoxSidebarItem),
 | |
|     "ThisFirefox sidebar item is selected by default");
 | |
| 
 | |
|   info("Open a new background tab TAB1");
 | |
|   const backgroundTab1 = await addTab(TAB_URL_1, { background: true });
 | |
| 
 | |
|   info("Wait for the tab to appear in the debug targets with the correct name");
 | |
|   await waitUntil(() => findDebugTargetByText("TAB1", document));
 | |
| 
 | |
|   await waitForRequestsToSettle(AboutDebugging.store);
 | |
|   info("Click on the Connect item in the sidebar");
 | |
|   connectLink.click();
 | |
| 
 | |
|   info("Wait until Connect page is displayed");
 | |
|   await waitUntil(() => document.querySelector(".js-connect-page"));
 | |
|   ok(isSidebarItemSelected(connectSidebarItem), "Connect sidebar item is selected");
 | |
|   ok(!document.querySelector(".js-runtime-page"), "Runtime page no longer rendered");
 | |
| 
 | |
|   info("Open a new tab which should be listed when we go back to This Firefox");
 | |
|   const backgroundTab2 = await addTab(TAB_URL_2, { background: true });
 | |
| 
 | |
|   info("Click on the ThisFirefox item in the sidebar");
 | |
|   thisFirefoxLink.click();
 | |
| 
 | |
|   info("Wait until ThisFirefox page is displayed");
 | |
|   await waitUntil(() => document.querySelector(".js-runtime-page"));
 | |
|   ok(isSidebarItemSelected(thisFirefoxSidebarItem),
 | |
|     "ThisFirefox sidebar item is selected again");
 | |
|   ok(!document.querySelector(".js-connect-page"), "Connect page no longer rendered");
 | |
| 
 | |
|   info("TAB2 should already be displayed in the debug targets");
 | |
|   await waitUntil(() => findDebugTargetByText("TAB2", document));
 | |
| 
 | |
|   info("Remove first background tab");
 | |
|   await removeTab(backgroundTab1);
 | |
| 
 | |
|   info("Check TAB1 disappears, meaning ThisFirefox client is correctly connected");
 | |
|   await waitUntil(() => !findDebugTargetByText("TAB1", document));
 | |
| 
 | |
|   info("Remove second background tab");
 | |
|   await removeTab(backgroundTab2);
 | |
| 
 | |
|   info("Check TAB2 disappears, meaning ThisFirefox client is correctly connected");
 | |
|   await waitUntil(() => !findDebugTargetByText("TAB2", document));
 | |
| 
 | |
|   await waitForRequestsToSettle(AboutDebugging.store);
 | |
| 
 | |
|   await removeTab(tab);
 | |
| });
 | |
| 
 | |
| function isSidebarItemSelected(item) {
 | |
|   return item.classList.contains("js-sidebar-item-selected");
 | |
| }
 |