fune/browser/components/customizableui/test/browser_newtab_button_customizemode.js
Gijs Kruitbosch 53181787f7 Bug 1418757 - new tab button isn't adjacent to the last tab when customizing in customize mode, r=jaws
MozReview-Commit-ID: bQoNfDD2sX

--HG--
extra : rebase_source : e8afb0662e82e3b879bd3b6e28aef27d477bf92c
2017-11-22 13:49:07 +00:00

106 lines
4.2 KiB
JavaScript

/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests in this file check that user customizations to the tabstrip show
* the correct type of new tab button while the tabstrip isn't overflowing.
*/
const kGlobalNewTabButton = document.getElementById("new-tab-button");
const kInnerNewTabButton = document.getAnonymousElementByAttribute(gBrowser.tabContainer, "anonid", "tabs-newtab-button");
function assertNewTabButton(which) {
if (which == "global") {
isnot(kGlobalNewTabButton.getBoundingClientRect().width, 0,
"main new tab button should be visible");
is(kInnerNewTabButton.getBoundingClientRect().width, 0,
"inner new tab button should be hidden");
} else if (which == "inner") {
is(kGlobalNewTabButton.getBoundingClientRect().width, 0,
"main new tab button should be hidden");
isnot(kInnerNewTabButton.getBoundingClientRect().width, 0,
"inner new tab button should be visible");
} else {
ok(false, "Unexpected button: " + which);
}
}
/**
* Add and remove items *after* the new tab button in customize mode.
*/
add_task(async function addremove_after_newtab_customizemode() {
await startCustomizing();
simulateItemDrag(document.getElementById("home-button"),
kGlobalNewTabButton.parentNode.nextElementSibling);
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should have the adjacent newtab attribute");
await endCustomizing();
assertNewTabButton("inner");
await startCustomizing();
simulateItemDrag(document.getElementById("home-button"),
document.getElementById("stop-reload-button").parentNode.nextElementSibling);
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should still have the adjacent newtab attribute");
await endCustomizing();
assertNewTabButton("inner");
ok(CustomizableUI.inDefaultState, "Should be in default state");
});
/**
* Add and remove items *before* the new tab button in customize mode.
*/
add_task(async function addremove_before_newtab_customizemode() {
await startCustomizing();
simulateItemDrag(document.getElementById("home-button"), kGlobalNewTabButton);
ok(!gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should no longer have the adjacent newtab attribute");
await endCustomizing();
assertNewTabButton("global");
await startCustomizing();
simulateItemDrag(document.getElementById("home-button"),
document.getElementById("stop-reload-button").parentNode.nextElementSibling);
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should have the adjacent newtab attribute again");
await endCustomizing();
assertNewTabButton("inner");
ok(CustomizableUI.inDefaultState, "Should be in default state");
});
/**
* Add and remove items *after* the new tab button outside of customize mode.
*/
add_task(async function addremove_after_newtab_api() {
CustomizableUI.addWidgetToArea("home-button", "TabsToolbar");
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should have the adjacent newtab attribute");
assertNewTabButton("inner");
CustomizableUI.reset();
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should still have the adjacent newtab attribute");
assertNewTabButton("inner");
ok(CustomizableUI.inDefaultState, "Should be in default state");
});
/**
* Add and remove items *before* the new tab button outside of customize mode.
*/
add_task(async function addremove_before_newtab_api() {
let index = CustomizableUI.getWidgetIdsInArea("TabsToolbar").indexOf("new-tab-button");
CustomizableUI.addWidgetToArea("home-button", "TabsToolbar", index);
ok(!gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should no longer have the adjacent newtab attribute");
assertNewTabButton("global");
CustomizableUI.removeWidgetFromArea("home-button");
ok(gBrowser.tabContainer.hasAttribute("hasadjacentnewtabbutton"),
"tabs should have the adjacent newtab attribute again");
assertNewTabButton("inner");
CustomizableUI.reset();
ok(CustomizableUI.inDefaultState, "Should be in default state");
});