summaryrefslogtreecommitdiffstats
path: root/browser/components/customizableui/test/browser_drag_outside_palette.js
blob: 8226ef9684ed5373485962d84ddcf8465325952a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * Check that moving items from the toolbar or panel to the palette by
 * dropping on the panel container (not inside the visible panel) works.
 */
add_task(async function() {
  await startCustomizing();
  let panelContainer = document.getElementById("customization-panel-container");
  // Try dragging an item from the navbar:
  let homeButton = document.getElementById("home-button");
  let oldNavbarPlacements = CustomizableUI.getWidgetIdsInArea("nav-bar");
  simulateItemDrag(homeButton, panelContainer);
  assertAreaPlacements(
    CustomizableUI.AREA_NAVBAR,
    oldNavbarPlacements.filter(w => w != "home-button")
  );
  ok(
    homeButton.closest("#customization-palette"),
    "Button should be in the palette"
  );

  // Put it in the panel and try again from there:
  let panelHolder = document.getElementById("customization-panelHolder");
  simulateItemDrag(homeButton, panelHolder);
  assertAreaPlacements(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL, [
    "home-button",
  ]);

  simulateItemDrag(homeButton, panelContainer);
  assertAreaPlacements(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL, []);

  ok(
    homeButton.closest("#customization-palette"),
    "Button should be in the palette"
  );

  // Check we can't move non-removable items like this:
  let urlbar = document.getElementById("urlbar-container");
  simulateItemDrag(urlbar, panelContainer);
  assertAreaPlacements(
    CustomizableUI.AREA_NAVBAR,
    oldNavbarPlacements.filter(w => w != "home-button")
  );
});

registerCleanupFunction(async function() {
  await gCustomizeMode.reset();
  await endCustomizing();
});