browser_962069_drag_to_overflow_chevron.js

Enable keyboard shortcuts

/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

var originalWindowWidth;

// Drag to overflow chevron should open the overflow panel.

add_task(async function () {

  // Load a page so the identity box can be dragged.

  BrowserTestUtils.startLoadingURIString(gBrowser, "http://mochi.test:8888/");

  await BrowserTestUtils.browserLoaded(gBrowser.selectedBrowser);

  originalWindowWidth = window.outerWidth;

  let navbar = document.getElementById(CustomizableUI.AREA_NAVBAR);

ok(

    !navbar.hasAttribute("overflowing"),

    "Should start with a non-overflowing toolbar."

);

  ok(CustomizableUI.inDefaultState, "Should start in default state.");

  window.resizeTo(kForceOverflowWidthPx, window.outerHeight);

  await TestUtils.waitForCondition(() => navbar.hasAttribute("overflowing"));

  ok(navbar.hasAttribute("overflowing"), "Should have an overflowing toolbar.");

  let widgetOverflowPanel = document.getElementById("widget-overflow");

  let panelShownPromise = promisePanelElementShown(window, widgetOverflowPanel);

  let identityBox = document.getElementById("identity-icon-box");

  let overflowChevron = document.getElementById("nav-bar-overflow-button");

  // Listen for hiding immediately so we don't miss the event because of the

  // async-ness of the 'shown' yield...

  let panelHiddenPromise = promisePanelElementHidden(

    window,

    widgetOverflowPanel

);

  var ds = Cc["@mozilla.org/widget/dragservice;1"].getService(

    Ci.nsIDragService

);

  ds.startDragSessionForTests(

    Ci.nsIDragService.DRAGDROP_ACTION_MOVE |

      Ci.nsIDragService.DRAGDROP_ACTION_COPY |

      Ci.nsIDragService.DRAGDROP_ACTION_LINK

);

  try {

    var [result, dataTransfer] = EventUtils.synthesizeDragOver(

      identityBox,

      overflowChevron

);

    // Wait for showing panel before ending drag session.

    await panelShownPromise;

    EventUtils.synthesizeDropAfterDragOver(

      result,

      dataTransfer,

      overflowChevron

);

  } finally {

    ds.endDragSession(true);

  info("Overflow panel is shown.");

  widgetOverflowPanel.hidePopup();

  await panelHiddenPromise;

});

add_task(async function () {

  window.resizeTo(originalWindowWidth, window.outerHeight);

  let navbar = document.getElementById(CustomizableUI.AREA_NAVBAR);

  await TestUtils.waitForCondition(() => !navbar.hasAttribute("overflowing"));

ok(

    !navbar.hasAttribute("overflowing"),

    "Should not have an overflowing toolbar."

);

});