Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
328
gaia/apps/homescreen/test/unit/window_test.js
Executable file
328
gaia/apps/homescreen/test/unit/window_test.js
Executable file
|
|
@ -0,0 +1,328 @@
|
|||
/* 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);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
Loading…
Reference in a new issue