1 files changed, 227 insertions, 0 deletions
diff --git a/browser/components/uitour/test/browser_UITour_panel_close_annotation.js b/browser/components/uitour/test/browser_UITour_panel_close_annotation.js
new file mode 100644
index 0000000000..c12e225cbe
--- /dev/null
+++ b/browser/components/uitour/test/browser_UITour_panel_close_annotation.js
@@ -0,0 +1,227 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+/**
+ * Tests that annotations disappear when their target is hidden.
+ */
+
+"use strict";
+
+var gTestTab;
+var gContentAPI;
+var highlight = UITour.getHighlightContainerAndMaybeCreate(document);
+var tooltip = UITour.getTooltipAndMaybeCreate(document);
+
+function test() {
+  registerCleanupFunction(() => {
+    // Close the find bar in case it's open in the remaining tab
+    let findBar = gBrowser.getCachedFindBar(gBrowser.selectedTab);
+    if (findBar) {
+      findBar.close();
+    }
+  });
+  UITourTest();
+}
+
+var tests = [
+  function test_highlight_move_outside_panel(done) {
+    gContentAPI.showInfo("urlbar", "test title", "test text");
+    gContentAPI.showHighlight("addons");
+    waitForElementToBeVisible(
+      highlight,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Move the highlight outside which should close the app menu.
+        gContentAPI.showHighlight("appMenu");
+        waitForPopupAtAnchor(
+          highlight.parentElement,
+          document.getElementById("PanelUI-button"),
+          () => {
+            isnot(
+              PanelUI.panel.state,
+              "open",
+              "Panel should have closed after the highlight moved elsewhere."
+            );
+            ok(
+              tooltip.state == "showing" || tooltip.state == "open",
+              "The info panel should have remained open"
+            );
+            done();
+          },
+          "Highlight should move to the appMenu button and still be visible"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+
+  function test_highlight_panel_hideMenu(done) {
+    gContentAPI.showHighlight("addons");
+    gContentAPI.showInfo("search", "test title", "test text");
+    waitForElementToBeVisible(
+      highlight,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Close the app menu and make sure the highlight also disappeared.
+        gContentAPI.hideMenu("appMenu");
+        waitForElementToBeHidden(
+          highlight,
+          function checkPanelIsClosed() {
+            isnot(
+              PanelUI.panel.state,
+              "open",
+              "Panel still should have closed"
+            );
+            ok(
+              tooltip.state == "showing" || tooltip.state == "open",
+              "The info panel should have remained open"
+            );
+            done();
+          },
+          "Highlight should have disappeared when panel closed"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+
+  function test_highlight_panel_click_find(done) {
+    gContentAPI.showHighlight("help");
+    gContentAPI.showInfo("searchIcon", "test title", "test text");
+    waitForElementToBeVisible(
+      highlight,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Click the find button which should close the panel.
+        let findButton = document.getElementById("find-button");
+        EventUtils.synthesizeMouseAtCenter(findButton, {});
+        waitForElementToBeHidden(
+          highlight,
+          function checkPanelIsClosed() {
+            isnot(
+              PanelUI.panel.state,
+              "open",
+              "Panel should have closed when the find bar opened"
+            );
+            ok(
+              tooltip.state == "showing" || tooltip.state == "open",
+              "The info panel should have remained open"
+            );
+            done();
+          },
+          "Highlight should have disappeared when panel closed"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+
+  function test_highlight_info_panel_click_find(done) {
+    gContentAPI.showHighlight("help");
+    gContentAPI.showInfo("addons", "Add addons!", "awesome!");
+    waitForElementToBeVisible(
+      highlight,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Click the find button which should close the panel.
+        let findButton = document.getElementById("find-button");
+        EventUtils.synthesizeMouseAtCenter(findButton, {});
+        waitForElementToBeHidden(
+          highlight,
+          function checkPanelIsClosed() {
+            isnot(
+              PanelUI.panel.state,
+              "open",
+              "Panel should have closed when the find bar opened"
+            );
+            waitForElementToBeHidden(
+              tooltip,
+              function checkTooltipIsClosed() {
+                isnot(
+                  tooltip.state,
+                  "open",
+                  "The info panel should have closed too"
+                );
+                done();
+              },
+              "Tooltip should hide with the menu"
+            );
+          },
+          "Highlight should have disappeared when panel closed"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+
+  function test_highlight_panel_open_subview(done) {
+    gContentAPI.showHighlight("addons");
+    gContentAPI.showInfo("backForward", "test title", "test text");
+    waitForElementToBeVisible(
+      highlight,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Click the help button which should open the subview in the panel menu.
+        let helpButton = document.getElementById("PanelUI-help");
+        EventUtils.synthesizeMouseAtCenter(helpButton, {});
+        waitForElementToBeHidden(
+          highlight,
+          function highlightHidden() {
+            is(
+              PanelUI.panel.state,
+              "open",
+              "Panel should have stayed open when the subview opened"
+            );
+            ok(
+              tooltip.state == "showing" || tooltip.state == "open",
+              "The info panel should have remained open"
+            );
+            PanelUI.hide();
+            done();
+          },
+          "Highlight should have disappeared when the subview opened"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+
+  function test_info_panel_open_subview(done) {
+    gContentAPI.showHighlight("urlbar");
+    gContentAPI.showInfo("addons", "Add addons!", "Open a subview");
+    waitForElementToBeVisible(
+      tooltip,
+      function checkPanelIsOpen() {
+        isnot(PanelUI.panel.state, "closed", "Panel should have opened");
+
+        // Click the help button which should open the subview in the panel menu.
+        let helpButton = document.getElementById("PanelUI-help");
+        EventUtils.synthesizeMouseAtCenter(helpButton, {});
+        waitForElementToBeHidden(
+          tooltip,
+          function tooltipHidden() {
+            is(
+              PanelUI.panel.state,
+              "open",
+              "Panel should have stayed open when the subview opened"
+            );
+            is(
+              highlight.parentElement.state,
+              "open",
+              "The highlight should have remained open"
+            );
+            PanelUI.hide();
+            done();
+          },
+          "Tooltip should have disappeared when the subview opened"
+        );
+      },
+      "Highlight should be shown after showHighlight() for fixed panel items"
+    );
+  },
+];