Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: true
- Manifest: browser/components/uitour/test/browser.toml
/* Any copyright is dedicated to the Public Domain.
/**
* 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"
);
},
];