fune/browser/components/uitour/test/browser_UITour_panel_close_annotation.js

/* 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"
    );
  },
];