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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
/* 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";
CustomizableUI.createWidget({
id: "cui-panel-item-to-drag-to",
defaultArea: CustomizableUI.AREA_FIXED_OVERFLOW_PANEL,
label: "Item in panel to drag to",
});
// Dragging an item from the palette to another button in the panel should work.
add_task(async function () {
await startCustomizing();
let btn = document.getElementById("new-window-button");
let placements = getAreaWidgetIds(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL);
let lastButtonIndex = placements.length - 1;
let lastButton = placements[lastButtonIndex];
let placementsAfterInsert = placements
.slice(0, lastButtonIndex)
.concat(["new-window-button", lastButton]);
let lastButtonNode = document.getElementById(lastButton);
simulateItemDrag(btn, lastButtonNode, "start");
assertAreaPlacements(
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL,
placementsAfterInsert
);
ok(!CustomizableUI.inDefaultState, "Should no longer be in default state.");
let palette = document.getElementById("customization-palette");
simulateItemDrag(btn, palette);
CustomizableUI.removeWidgetFromArea("cui-panel-item-to-drag-to");
ok(CustomizableUI.inDefaultState, "Should be in default state again.");
await endCustomizing();
});
// Dragging an item from the palette to the panel itself should also work.
add_task(async function () {
CustomizableUI.addWidgetToArea(
"cui-panel-item-to-drag-to",
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL
);
await startCustomizing();
let btn = document.getElementById("new-window-button");
let panel = document.getElementById(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL);
let placements = getAreaWidgetIds(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL);
let placementsAfterAppend = placements.concat(["new-window-button"]);
simulateItemDrag(btn, panel);
assertAreaPlacements(
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL,
placementsAfterAppend
);
ok(!CustomizableUI.inDefaultState, "Should no longer be in default state.");
let palette = document.getElementById("customization-palette");
simulateItemDrag(btn, palette);
CustomizableUI.removeWidgetFromArea("cui-panel-item-to-drag-to");
ok(CustomizableUI.inDefaultState, "Should be in default state again.");
await endCustomizing();
});
// Dragging an item from the palette to an empty panel should also work.
add_task(async function () {
let widgetIds = getAreaWidgetIds(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL);
while (widgetIds.length) {
CustomizableUI.removeWidgetFromArea(widgetIds.shift());
}
await startCustomizing();
let btn = document.getElementById("new-window-button");
let panel = document.getElementById(CustomizableUI.AREA_FIXED_OVERFLOW_PANEL);
assertAreaPlacements(panel.id, []);
let placementsAfterAppend = ["new-window-button"];
simulateItemDrag(btn, panel);
assertAreaPlacements(
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL,
placementsAfterAppend
);
ok(!CustomizableUI.inDefaultState, "Should no longer be in default state.");
let palette = document.getElementById("customization-palette");
simulateItemDrag(btn, palette);
assertAreaPlacements(panel.id, []);
await endCustomizing();
});
registerCleanupFunction(async function asyncCleanup() {
CustomizableUI.destroyWidget("cui-panel-item-to-drag-to");
await resetCustomization();
});
|
