b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
328 lines
10 KiB
JavaScript
Executable file
328 lines
10 KiB
JavaScript
Executable file
/* jshint nonew: false */
|
|
/* global AppWindow */
|
|
'use strict';
|
|
|
|
require('/shared/test/unit/load_body_html_helper.js');
|
|
require('mocks/mock_pages.js');
|
|
require('mocks/mock_apps.js');
|
|
require('/js/window.js');
|
|
|
|
suite('AppWindow', () => {
|
|
var appWindow;
|
|
|
|
setup(() => {
|
|
loadBodyHTML('_index.html');
|
|
appWindow = new AppWindow();
|
|
});
|
|
|
|
suite('AppWindow#updatePanelIndicator()', () => {
|
|
var indicatorToggleStubs;
|
|
var realPanels;
|
|
var mockPanels;
|
|
|
|
setup(() => {
|
|
mockPanels = {
|
|
scrollLeft: 0,
|
|
scrollWidth: 200
|
|
};
|
|
indicatorToggleStubs = [
|
|
sinon.stub(appWindow.indicator.children[0].classList, 'toggle'),
|
|
sinon.stub(appWindow.indicator.children[1].classList, 'toggle')];
|
|
realPanels = appWindow.panels;
|
|
appWindow.panels = mockPanels;
|
|
});
|
|
|
|
teardown(() => {
|
|
indicatorToggleStubs.forEach((stub) => { stub.restore(); });
|
|
appWindow.panels = realPanels;
|
|
});
|
|
|
|
test('should update indicator when apps visible', () => {
|
|
appWindow.appsVisible = false;
|
|
appWindow.updatePanelIndicator();
|
|
assert.isTrue(indicatorToggleStubs[0].calledWith('active', true));
|
|
assert.isTrue(indicatorToggleStubs[1].calledWith('active', false));
|
|
assert.equal(appWindow.header.getAttribute('data-l10n-id'), 'apps-panel');
|
|
});
|
|
|
|
test('should update indicator when apps visible in RTL', () => {
|
|
appWindow.appsVisible = true;
|
|
mockPanels.scrollLeft = -100;
|
|
appWindow.updatePanelIndicator();
|
|
assert.isTrue(indicatorToggleStubs[0].calledWith('active', false));
|
|
assert.isTrue(indicatorToggleStubs[1].calledWith('active', true));
|
|
assert.equal(appWindow.header.getAttribute('data-l10n-id'),
|
|
'pages-panel');
|
|
});
|
|
|
|
test('should update aria-hidden on both panels', () => {
|
|
var appPanelSetAttributeStub =
|
|
sinon.stub(appWindow.apps.panel, 'setAttribute');
|
|
var pagesPanelSetAttributeStub =
|
|
sinon.stub(appWindow.pages.panel, 'setAttribute');
|
|
|
|
appWindow.appsVisible = false;
|
|
appWindow.updatePanelIndicator();
|
|
assert.isTrue(appPanelSetAttributeStub.calledWith('aria-hidden', false));
|
|
assert.isTrue(pagesPanelSetAttributeStub.calledWith('aria-hidden', true));
|
|
|
|
appPanelSetAttributeStub.restore();
|
|
pagesPanelSetAttributeStub.restore();
|
|
});
|
|
|
|
test('should update indicator when pages visible', () => {
|
|
var setAttributeSpy = sinon.spy(appWindow.indicator, 'setAttribute');
|
|
var spy1 = setAttributeSpy.withArgs('aria-valuenow', 2);
|
|
var spy2 = setAttributeSpy.withArgs('data-l10n-args', JSON.stringify({
|
|
currentPage: 2,
|
|
totalPages: 2
|
|
}));
|
|
|
|
mockPanels.scrollLeft = mockPanels.scrollLeftMax;
|
|
appWindow.updatePanelIndicator();
|
|
|
|
assert.isTrue(indicatorToggleStubs[0].calledWith('active', false));
|
|
assert.isTrue(indicatorToggleStubs[1].calledWith('active', true));
|
|
assert.isTrue(spy1.called);
|
|
assert.isTrue(spy2.called);
|
|
assert.equal(appWindow.header.getAttribute('data-l10n-id'),
|
|
'pages-panel');
|
|
});
|
|
|
|
test('should do nothing when visibility is unchanged', () => {
|
|
var setAttributeSpy = sinon.spy(appWindow.indicator, 'setAttribute');
|
|
appWindow.appsVisible = true;
|
|
mockPanels.scrollLeft = 0;
|
|
appWindow.updatePanelIndicator();
|
|
assert.isFalse(indicatorToggleStubs[0].called);
|
|
assert.isFalse(indicatorToggleStubs[1].called);
|
|
assert.isFalse(setAttributeSpy.called);
|
|
setAttributeSpy.restore();
|
|
});
|
|
});
|
|
|
|
suite('AppWindow#handleEvent()', () => {
|
|
suite('keypress', () => {
|
|
var scrollObject, realPanels;
|
|
var event = {
|
|
type: 'keypress',
|
|
ctrlKey: true,
|
|
DOM_VK_RIGHT: 'right',
|
|
DOM_VK_LEFT: 'left'
|
|
};
|
|
var mockPanels = {
|
|
scrollLeftMax: 100,
|
|
scrollTo: obj => { scrollObject = obj; }
|
|
};
|
|
|
|
setup(() => {
|
|
realPanels = appWindow.panels;
|
|
appWindow.panels = mockPanels;
|
|
});
|
|
|
|
teardown(() => {
|
|
appWindow.panels = realPanels;
|
|
});
|
|
|
|
test('right should display pinned pages', () => {
|
|
event.keyCode = 'right';
|
|
appWindow.handleEvent(event);
|
|
assert.equal(scrollObject.left, appWindow.panels.scrollLeftMax);
|
|
assert.equal(scrollObject.top, 0);
|
|
assert.equal(scrollObject.behavior, 'smooth');
|
|
});
|
|
|
|
test('left should display apps', () => {
|
|
event.keyCode = 'left';
|
|
appWindow.handleEvent(event);
|
|
assert.equal(scrollObject.left, 0);
|
|
assert.equal(scrollObject.top, 0);
|
|
assert.equal(scrollObject.behavior, 'smooth');
|
|
});
|
|
});
|
|
|
|
suite('scroll', () => {
|
|
test('should show and hide the drop shadow accordingly', () => {
|
|
appWindow.appsVisible = true;
|
|
appWindow.apps.scrollable = {
|
|
scrollTop: 50
|
|
};
|
|
appWindow.handleEvent(new CustomEvent('scroll'));
|
|
assert.isTrue(appWindow.shadow.classList.contains('visible'));
|
|
|
|
appWindow.apps.scrollable.scrollTop = 0;
|
|
appWindow.handleEvent(new CustomEvent('scroll'));
|
|
assert.isFalse(appWindow.shadow.classList.contains('visible'));
|
|
|
|
appWindow.appsVisible = false;
|
|
appWindow.pages.scrollable = {
|
|
scrollTop: 50
|
|
};
|
|
appWindow.handleEvent(new CustomEvent('scroll'));
|
|
assert.isTrue(appWindow.shadow.classList.contains('visible'));
|
|
|
|
appWindow.pages.scrollable.scrollTop = 0;
|
|
appWindow.handleEvent(new CustomEvent('scroll'));
|
|
assert.isFalse(appWindow.shadow.classList.contains('visible'));
|
|
});
|
|
|
|
test('should update the panel indicator', () => {
|
|
var updatePanelStub = sinon.stub(appWindow, 'updatePanelIndicator');
|
|
|
|
appWindow.panels.dispatchEvent(new CustomEvent('scroll'));
|
|
assert.isTrue(updatePanelStub.called);
|
|
|
|
updatePanelStub.restore();
|
|
});
|
|
});
|
|
|
|
suite('hashchange', () => {
|
|
var realDocumentHidden;
|
|
setup(() => {
|
|
realDocumentHidden =
|
|
Object.getOwnPropertyDescriptor(document, 'hidden');
|
|
Object.defineProperty(document, 'hidden', {
|
|
value: false,
|
|
configurable: true
|
|
});
|
|
});
|
|
|
|
teardown(() => {
|
|
if (realDocumentHidden) {
|
|
Object.defineProperty(document, 'hidden', realDocumentHidden);
|
|
} else {
|
|
delete document.hidden;
|
|
}
|
|
});
|
|
|
|
test('should scroll to the top of the apps page when visible', done => {
|
|
var realScrollable = appWindow.apps.scrollable;
|
|
appWindow.apps.scrollable = {
|
|
scrollTo: (obj) => {
|
|
done(() => {
|
|
assert.equal(obj.top, 0);
|
|
assert.equal(obj.left, 0);
|
|
});
|
|
},
|
|
scrollLeft: 0,
|
|
parentNode: {
|
|
offsetLeft: 0
|
|
}
|
|
};
|
|
|
|
appWindow.appsVisible = true;
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
appWindow.apps.scrollable = realScrollable;
|
|
});
|
|
|
|
test('should scroll to the top of the pages page when visible', done => {
|
|
var realScrollable = appWindow.pages.scrollable;
|
|
appWindow.pages.scrollable = {
|
|
scrollTop: 0,
|
|
scrollLeft: 0,
|
|
parentNode: {
|
|
offsetLeft: 0
|
|
}
|
|
};
|
|
|
|
var realPanels = appWindow.panels;
|
|
appWindow.panels = {
|
|
scrollTo: (obj) => {
|
|
done(() => {
|
|
assert.equal(obj.top, 0);
|
|
assert.equal(obj.left, 0);
|
|
});
|
|
},
|
|
};
|
|
|
|
appWindow.appsVisible = false;
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
appWindow.pages.scrollable = realScrollable;
|
|
appWindow.panels = realPanels;
|
|
});
|
|
|
|
test('should scroll to apps panel when at top of pages panel', done => {
|
|
var realScrollable = appWindow.pages.scrollable;
|
|
appWindow.pages.scrollable = {
|
|
scrollTo: (obj) => {
|
|
done(() => {
|
|
assert.equal(obj.top, 0);
|
|
assert.equal(obj.left, 0);
|
|
});
|
|
},
|
|
scrollLeft: 0,
|
|
parentNode: {
|
|
offsetLeft: 0
|
|
}
|
|
};
|
|
|
|
appWindow.appsVisible = false;
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
appWindow.pages.scrollable = realScrollable;
|
|
});
|
|
|
|
test('should cancel apps-panel dialogs', done => {
|
|
var realDialogs = appWindow.apps.dialogs;
|
|
appWindow.apps.dialogs = [{
|
|
close: () => { done(); },
|
|
opened: () => { return true; }
|
|
}];
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
appWindow.apps.dialogs = realDialogs;
|
|
});
|
|
|
|
test('should cancel pages-panel dialogs', done => {
|
|
var realDialogs = appWindow.pages.dialogs;
|
|
appWindow.pages.dialogs = [{
|
|
close: () => { done(); },
|
|
opened: () => { return true; }
|
|
}];
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
appWindow.pages.dialogs = realDialogs;
|
|
});
|
|
|
|
test('should exit edit mode', () => {
|
|
var exitEditModeStub;
|
|
|
|
appWindow.apps.editMode = true;
|
|
exitEditModeStub = sinon.stub(appWindow.apps, 'exitEditMode');
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
assert.isTrue(exitEditModeStub.called);
|
|
exitEditModeStub.restore();
|
|
|
|
appWindow.ignoreHashChangeTimeout = null;
|
|
appWindow.apps.editMode = false;
|
|
|
|
appWindow.pages.editMode = true;
|
|
exitEditModeStub = sinon.stub(appWindow.pages, 'exitEditMode');
|
|
appWindow.handleEvent(new CustomEvent('hashchange'));
|
|
assert.isTrue(exitEditModeStub.called);
|
|
exitEditModeStub.restore();
|
|
});
|
|
});
|
|
|
|
suite('visibilitychange', () => {
|
|
var appsExitEditModeStub, pagesExitEditModeStub;
|
|
setup(() => {
|
|
appsExitEditModeStub = sinon.stub(appWindow.apps, 'exitEditMode');
|
|
pagesExitEditModeStub = sinon.stub(appWindow.pages, 'exitEditMode');
|
|
Object.defineProperty(document, 'hidden', {
|
|
value: true,
|
|
configurable: true
|
|
});
|
|
});
|
|
|
|
teardown(() => {
|
|
appsExitEditModeStub.restore();
|
|
pagesExitEditModeStub.restore();
|
|
delete document.hidden;
|
|
});
|
|
|
|
test('should exit edit mode', () => {
|
|
appWindow.handleEvent(new CustomEvent('visibilitychange'));
|
|
assert.isTrue(appsExitEditModeStub.called);
|
|
assert.isTrue(pagesExitEditModeStub.called);
|
|
});
|
|
});
|
|
});
|
|
});
|