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
990
gaia/apps/system/test/unit/notification_screen_test.js
Executable file
990
gaia/apps/system/test/unit/notification_screen_test.js
Executable file
|
|
@ -0,0 +1,990 @@
|
|||
/* global MockAudio,
|
||||
MockL10n,
|
||||
MockNavigatorMozChromeNotifications,
|
||||
MockNavigatorSettings,
|
||||
MocksHelper,
|
||||
NotificationScreen,
|
||||
MockNavigatorMozTelephony,
|
||||
MockCall,
|
||||
MockMozIntl,
|
||||
MockService
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
require('/test/unit/mock_utility_tray.js');
|
||||
require('/test/unit/mock_navigator_moz_chromenotifications.js');
|
||||
require('/test/unit/mock_version_helper.js');
|
||||
require('/shared/test/unit/mocks/mock_lazy_loader.js');
|
||||
require('/shared/test/unit/mocks/mock_l10n.js');
|
||||
require('/shared/test/unit/mocks/mock_navigator_moz_settings.js');
|
||||
require('/shared/test/unit/mocks/mock_navigator_moz_telephony.js');
|
||||
require('/shared/test/unit/mocks/dialer/mock_call.js');
|
||||
require('/shared/test/unit/mocks/mock_settings_url.js');
|
||||
require('/shared/test/unit/mocks/mock_settings_listener.js');
|
||||
require('/shared/test/unit/mocks/mock_service.js');
|
||||
require('/shared/test/unit/mocks/mock_audio.js');
|
||||
require('/shared/test/unit/mocks/mock_moz_intl.js');
|
||||
|
||||
var mocksForNotificationScreen = new MocksHelper([
|
||||
'Audio',
|
||||
'NavigatorMozChromeNotifications',
|
||||
'NavigatorSettings',
|
||||
'SettingsListener',
|
||||
'SettingsURL',
|
||||
'Service',
|
||||
'LazyLoader',
|
||||
]).init();
|
||||
|
||||
suite('system/NotificationScreen >', function() {
|
||||
var fakeDesktopNotifContainer, fakeLockScreenContainer, fakeToaster,
|
||||
fakeButton, fakeNoNotifications, fakeToasterIcon, fakeToasterTitle,
|
||||
fakeToasterDetail, fakeSomeNotifications, fakeAmbientIndicator,
|
||||
fakeNotifContainer;
|
||||
var fakePriorityNotifContainer, fakeOtherNotifContainer;
|
||||
var realMozL10n, realMozIntl;
|
||||
var isDocumentHidden;
|
||||
|
||||
function sendChromeNotificationEvent(detail) {
|
||||
var event = new CustomEvent('mozChromeNotificationEvent', {
|
||||
detail: detail
|
||||
});
|
||||
|
||||
window.dispatchEvent(event);
|
||||
}
|
||||
|
||||
function createFakeElement(tag, id) {
|
||||
var obj = document.createElement(tag);
|
||||
obj.id = id;
|
||||
return obj;
|
||||
}
|
||||
|
||||
function fakeNotification() {
|
||||
var elt = document.createElement('div');
|
||||
elt.className = 'notification';
|
||||
|
||||
return elt;
|
||||
}
|
||||
|
||||
function incrementNotications(number) {
|
||||
for (var i = 0; i <= number - 1; i++) {
|
||||
NotificationScreen.addUnreadNotification(i);
|
||||
}
|
||||
}
|
||||
|
||||
function fakeEvt(target, x, y) {
|
||||
return {
|
||||
timeStamp: Date.now(),
|
||||
preventDefault: function() {},
|
||||
stopPropagation: function() {},
|
||||
touches: [{
|
||||
target: target,
|
||||
pageX: x,
|
||||
pageY: y
|
||||
}]
|
||||
};
|
||||
}
|
||||
|
||||
mocksForNotificationScreen.attachTestHelpers();
|
||||
|
||||
setup(function(done) {
|
||||
window.MediaPlaybackWidget = function() {};
|
||||
fakeDesktopNotifContainer = document.createElement('div');
|
||||
fakeDesktopNotifContainer.id = 'desktop-notifications-container';
|
||||
Object.defineProperty(fakeDesktopNotifContainer, 'clientWidth', {
|
||||
configurable: true,
|
||||
get: function() { return 320; }
|
||||
});
|
||||
fakeNotifContainer = document.createElement('div');
|
||||
fakeNotifContainer.id = 'notifications-container';
|
||||
fakePriorityNotifContainer = document.createElement('div');
|
||||
fakePriorityNotifContainer.className = 'priority-notifications';
|
||||
fakeOtherNotifContainer = document.createElement('div');
|
||||
fakeOtherNotifContainer.className = 'other-notifications';
|
||||
fakeDesktopNotifContainer.appendChild(fakePriorityNotifContainer);
|
||||
fakeDesktopNotifContainer.appendChild(fakeOtherNotifContainer);
|
||||
|
||||
// add some children, we don't care what they are
|
||||
fakeOtherNotifContainer.appendChild(fakeNotification());
|
||||
fakeOtherNotifContainer.appendChild(fakeNotification());
|
||||
|
||||
fakeLockScreenContainer = createFakeElement('div',
|
||||
'notifications-lockscreen-container');
|
||||
fakeToaster = createFakeElement('div', 'notification-toaster');
|
||||
fakeSomeNotifications = createFakeElement('span', 'notification-some');
|
||||
fakeNoNotifications = createFakeElement('span', 'notification-none');
|
||||
fakeButton = createFakeElement('button', 'notification-clear');
|
||||
fakeAmbientIndicator = createFakeElement('div', 'ambient-indicator');
|
||||
fakeToasterIcon = createFakeElement('img', 'toaster-icon');
|
||||
fakeToasterTitle = createFakeElement('div', 'toaster-title');
|
||||
fakeToasterDetail = createFakeElement('div', 'toaster-detail');
|
||||
|
||||
document.body.appendChild(fakeDesktopNotifContainer);
|
||||
document.body.appendChild(fakeNotifContainer);
|
||||
|
||||
document.body.appendChild(fakeLockScreenContainer);
|
||||
document.body.appendChild(fakeToaster);
|
||||
document.body.appendChild(fakeSomeNotifications);
|
||||
document.body.appendChild(fakeNoNotifications);
|
||||
document.body.appendChild(fakeButton);
|
||||
document.body.appendChild(fakeAmbientIndicator);
|
||||
document.body.appendChild(fakeToasterIcon);
|
||||
document.body.appendChild(fakeToasterTitle);
|
||||
document.body.appendChild(fakeToasterDetail);
|
||||
|
||||
realMozL10n = navigator.mozL10n;
|
||||
realMozIntl = window.mozIntl;
|
||||
navigator.mozL10n = MockL10n;
|
||||
window.mozIntl = MockMozIntl;
|
||||
|
||||
isDocumentHidden = false;
|
||||
Object.defineProperty(document, 'hidden', {
|
||||
configurable: true,
|
||||
get: () => isDocumentHidden
|
||||
});
|
||||
|
||||
this.sinon.useFakeTimers();
|
||||
require('/js/notification_screen.js', function() {
|
||||
NotificationScreen.start();
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
teardown(function() {
|
||||
delete window.MediaPlaybackWidget;
|
||||
// real document.hidden is in a prototype, so we can just delete it.
|
||||
delete document.hidden;
|
||||
|
||||
fakeDesktopNotifContainer.parentNode.removeChild(fakeDesktopNotifContainer);
|
||||
fakeLockScreenContainer.parentNode.removeChild(fakeLockScreenContainer);
|
||||
fakeToaster.parentNode.removeChild(fakeToaster);
|
||||
fakeButton.parentNode.removeChild(fakeButton);
|
||||
|
||||
navigator.mozL10n = realMozL10n;
|
||||
window.mozIntl = realMozIntl;
|
||||
});
|
||||
|
||||
suite('chrome events >', function() {
|
||||
setup(function() {
|
||||
this.sinon.stub(NotificationScreen, 'addNotification');
|
||||
this.sinon.stub(NotificationScreen, 'removeNotification');
|
||||
});
|
||||
|
||||
function sendChromeNotificationEvent(detail) {
|
||||
var event = new CustomEvent('mozChromeNotificationEvent', {
|
||||
detail: detail
|
||||
});
|
||||
|
||||
window.dispatchEvent(event);
|
||||
}
|
||||
|
||||
test('showing a notification', function() {
|
||||
sendChromeNotificationEvent({
|
||||
type: 'desktop-notification',
|
||||
id: 'id-1'
|
||||
});
|
||||
|
||||
assert.ok(NotificationScreen.addNotification.called);
|
||||
assert.equal(NotificationScreen.addNotification.args[0][0].id, 'id-1');
|
||||
});
|
||||
|
||||
test('closing a notification', function() {
|
||||
sendChromeNotificationEvent({
|
||||
type: 'desktop-notification-close',
|
||||
id: 'id-1'
|
||||
});
|
||||
assert.ok(NotificationScreen.removeNotification.called);
|
||||
assert.equal(NotificationScreen.removeNotification.args[0][0], 'id-1');
|
||||
});
|
||||
});
|
||||
|
||||
suite('playing notification ringtone', function() {
|
||||
var realMozTelephony;
|
||||
|
||||
function sendNotification() {
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', detail: 'detail'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
}
|
||||
|
||||
suiteSetup(function() {
|
||||
realMozTelephony = navigator.mozTelephony;
|
||||
navigator.mozTelephony = MockNavigatorMozTelephony;
|
||||
});
|
||||
|
||||
suiteTeardown(function() {
|
||||
MockNavigatorMozTelephony.mSuiteTeardown();
|
||||
navigator.mozTelephony = realMozTelephony;
|
||||
});
|
||||
|
||||
setup(function() {
|
||||
MockNavigatorMozTelephony.active = null;
|
||||
MockNavigatorMozTelephony.calls = [];
|
||||
MockNavigatorMozTelephony.conferenceGroup.state = null;
|
||||
});
|
||||
|
||||
test('it should play it by default on notification channel', function() {
|
||||
var playSpy = this.sinon.spy(MockAudio.prototype, 'play');
|
||||
sendNotification();
|
||||
var mockAudio = MockAudio.instances[0];
|
||||
assert.equal(mockAudio.mozAudioChannelType, 'notification');
|
||||
assert.ok(playSpy.calledOnce);
|
||||
});
|
||||
|
||||
test('it should stop playing after 4 seconds', function() {
|
||||
var pauseSpy = this.sinon.spy(MockAudio.prototype, 'pause');
|
||||
var loadSpy = this.sinon.spy(MockAudio.prototype, 'load');
|
||||
var removeAttributeSpy = this.sinon.spy(
|
||||
MockAudio.prototype, 'removeAttribute');
|
||||
sendNotification();
|
||||
sinon.assert.notCalled(pauseSpy);
|
||||
this.sinon.clock.tick(4000);
|
||||
sinon.assert.called(loadSpy);
|
||||
sinon.assert.calledWith(removeAttributeSpy, 'src');
|
||||
sinon.assert.called(pauseSpy);
|
||||
});
|
||||
|
||||
test('if active call it should use telephony channel', function() {
|
||||
var playSpy = this.sinon.spy(MockAudio.prototype, 'play');
|
||||
var mockCall = new MockCall('123456', 'connected');
|
||||
MockNavigatorMozTelephony.active = mockCall;
|
||||
sendNotification();
|
||||
var mockAudio = MockAudio.instances[0];
|
||||
assert.equal(mockAudio.mozAudioChannelType, 'telephony');
|
||||
assert.ok(playSpy.calledOnce);
|
||||
});
|
||||
});
|
||||
|
||||
suite('updateNotificationIndicator >', function() {
|
||||
setup(function() {
|
||||
NotificationScreen.updateNotificationIndicator();
|
||||
});
|
||||
|
||||
test('should clear unread notifications after open tray', function() {
|
||||
incrementNotications(2);
|
||||
assert.equal(NotificationScreen.unreadNotifications.length, 2);
|
||||
|
||||
var l10nAttrs = navigator.mozL10n.getAttributes(
|
||||
NotificationScreen.ambientIndicator);
|
||||
assert.deepEqual(l10nAttrs.args, { n : 2 });
|
||||
var event = new CustomEvent('utilitytrayshow');
|
||||
window.dispatchEvent(event);
|
||||
assert.equal(document.body.getElementsByClassName('unread').length, 0);
|
||||
assert.equal(NotificationScreen.unreadNotifications.length, 0);
|
||||
assert.isNull(NotificationScreen.ambientIndicator.getAttribute(
|
||||
'aria-label'));
|
||||
});
|
||||
|
||||
test('should change the read status', function() {
|
||||
incrementNotications(1);
|
||||
assert.equal(document.body.getElementsByClassName('unread').length, 1);
|
||||
var l10nAttrs = navigator.mozL10n.getAttributes(
|
||||
NotificationScreen.ambientIndicator);
|
||||
assert.deepEqual(l10nAttrs.args, { n : 1 });
|
||||
});
|
||||
|
||||
test('should not increment if the tray is open', function() {
|
||||
MockService.mockQueryWith('UtilityTray.shown', true);
|
||||
incrementNotications(1);
|
||||
assert.equal(document.body.getElementsByClassName('unread').length, 0);
|
||||
assert.isNull(NotificationScreen.ambientIndicator.getAttribute(
|
||||
'aria-label'));
|
||||
});
|
||||
|
||||
test('should not show ambient indicator if FTU is running', function() {
|
||||
MockService.mockQueryWith('isFtuRunning', true);
|
||||
incrementNotications(1);
|
||||
assert.isFalse(NotificationScreen.ambientIndicator.classList.
|
||||
contains('unread'));
|
||||
});
|
||||
|
||||
test('should update notification indicator when the FTU is done',
|
||||
function() {
|
||||
this.sinon.stub(NotificationScreen, 'updateNotificationIndicator');
|
||||
window.dispatchEvent(new CustomEvent('ftudone'));
|
||||
assert.isTrue(NotificationScreen.updateNotificationIndicator.called);
|
||||
});
|
||||
|
||||
test('should not clear the ambient after decrement unread', function() {
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {
|
||||
id: 'my-id',
|
||||
icon: imgpath,
|
||||
title: 'title',
|
||||
detail: 'detail'
|
||||
};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.equal(NotificationScreen.unreadNotifications.length, 1);
|
||||
assert.isNull(NotificationScreen.ambientIndicator.getAttribute(
|
||||
'aria-label'));
|
||||
NotificationScreen.removeUnreadNotification('other-id');
|
||||
assert.equal(NotificationScreen.unreadNotifications.length, 1);
|
||||
var l10nAttrs = navigator.mozL10n.getAttributes(
|
||||
NotificationScreen.ambientIndicator);
|
||||
assert.deepEqual(l10nAttrs.args, { n : 1 });
|
||||
});
|
||||
|
||||
test('should update timestamps properly', function() {
|
||||
var callCount = 0;
|
||||
|
||||
sinon.stub(window.mozIntl._gaia, 'RelativeDate', function() {
|
||||
return {
|
||||
formatElement: function() {
|
||||
callCount++;
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {
|
||||
id: 'my-id',
|
||||
icon: imgpath,
|
||||
title: 'title',
|
||||
detail: 'detail'
|
||||
};
|
||||
NotificationScreen.addNotification(detail);
|
||||
|
||||
callCount = 0;
|
||||
NotificationScreen.updateTimestamps();
|
||||
assert.equal(callCount, 1);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
suite('addUnreadNotification', function() {
|
||||
setup(function() {
|
||||
sinon.spy(NotificationScreen, 'updateNotificationIndicator');
|
||||
});
|
||||
|
||||
teardown(function() {
|
||||
NotificationScreen.updateNotificationIndicator.restore();
|
||||
});
|
||||
|
||||
test('should update the notifications indicator', function() {
|
||||
NotificationScreen.addUnreadNotification();
|
||||
assert.isTrue(NotificationScreen.updateNotificationIndicator.called);
|
||||
});
|
||||
|
||||
test('shouldnt update the notif indicator when skipping', function() {
|
||||
NotificationScreen.addUnreadNotification('other-id', true);
|
||||
assert.isFalse(NotificationScreen.updateNotificationIndicator.called);
|
||||
});
|
||||
});
|
||||
|
||||
suite('addNotification >', function() {
|
||||
test('calling addNotification without icon', function() {
|
||||
var toasterIcon = NotificationScreen.toasterIcon;
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', detail: 'detail'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.equal(imgpath, toasterIcon.src);
|
||||
assert.isFalse(toasterIcon.hidden);
|
||||
delete detail.icon;
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.isTrue(toasterIcon.hidden);
|
||||
});
|
||||
|
||||
test('doesnt update the ambient indicator', function() {
|
||||
sinon.spy(NotificationScreen, 'updateNotificationIndicator');
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', detail: 'detail'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.isFalse(NotificationScreen.updateNotificationIndicator.called);
|
||||
NotificationScreen.updateNotificationIndicator.restore();
|
||||
});
|
||||
|
||||
function testNotificationWithDirection(dir, expectedDir) {
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath,
|
||||
title: 'title',
|
||||
detail: 'detail',
|
||||
dir: dir};
|
||||
NotificationScreen.addNotification(detail);
|
||||
var notificationNodeTitle =
|
||||
document.querySelector('.notification .title-container .title');
|
||||
var notificationNodeDetail =
|
||||
document.querySelector('.notification .detail');
|
||||
assert.equal(notificationNodeTitle.dir, expectedDir);
|
||||
assert.equal(notificationNodeDetail
|
||||
.querySelector('.detail-content').dir, expectedDir);
|
||||
assert.equal(NotificationScreen.toasterTitle.dir, expectedDir);
|
||||
assert.equal(NotificationScreen.toasterDetail.dir, expectedDir);
|
||||
}
|
||||
|
||||
test('calling addNotification with rtl direction', function() {
|
||||
testNotificationWithDirection('rtl', 'rtl');
|
||||
});
|
||||
|
||||
test('calling addNotification with ltr direction', function() {
|
||||
testNotificationWithDirection('ltr', 'ltr');
|
||||
});
|
||||
|
||||
test('calling addNotification with auto direction', function() {
|
||||
testNotificationWithDirection('', 'auto');
|
||||
});
|
||||
|
||||
test('calling addNotification without direction', function() {
|
||||
var toaster = NotificationScreen.toaster;
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', detail: 'detail'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.equal('', toaster.dir);
|
||||
});
|
||||
|
||||
test('calling addNotification with language', function() {
|
||||
var toaster = NotificationScreen.toaster;
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', lang: 'en'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.equal('en', toaster.lang);
|
||||
});
|
||||
|
||||
test('calling addNotification without language', function() {
|
||||
var toaster = NotificationScreen.toaster;
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
assert.equal('undefined', toaster.lang);
|
||||
});
|
||||
|
||||
test('calling addNotification with timestamp', function() {
|
||||
var timestamp = 1397802220000;
|
||||
var detail = {timestamp: timestamp};
|
||||
NotificationScreen.addNotification(detail);
|
||||
var timestamps = document.getElementsByClassName('timestamp');
|
||||
assert.equal(timestamps.length, 1);
|
||||
var ts = timestamps[0].dataset.timestamp;
|
||||
assert.isTrue(typeof ts === 'string');
|
||||
var fromDate = new Date(ts).getTime();
|
||||
assert.equal(timestamp, fromDate);
|
||||
});
|
||||
|
||||
test('calling addNotification without timestamp', function() {
|
||||
// we parseInt(date/1000)*1000 to make sure to remove some resolution
|
||||
// fromDate == 1397810684000 -- now == 1397810684105
|
||||
var now = parseInt(new Date().getTime() / 1000) * 1000;
|
||||
var detail = {timestamp: undefined};
|
||||
NotificationScreen.addNotification(detail);
|
||||
var timestamps = document.getElementsByClassName('timestamp');
|
||||
assert.equal(timestamps.length, 1);
|
||||
var ts = timestamps[0].dataset.timestamp;
|
||||
assert.isTrue(typeof ts === 'string');
|
||||
var fromDate = new Date(ts).getTime();
|
||||
assert.isTrue(typeof fromDate === 'number');
|
||||
assert.isTrue(fromDate >= now);
|
||||
});
|
||||
|
||||
test('remove lockscreen notifications at the same time', function() {
|
||||
NotificationScreen.addNotification({
|
||||
id: 'id-10000', title: '', message: ''
|
||||
});
|
||||
NotificationScreen.removeNotification('id-10000');
|
||||
assert.equal(
|
||||
null,
|
||||
fakeLockScreenContainer.querySelector(
|
||||
'[data-notification-i-d="id-10000"]'));
|
||||
});
|
||||
|
||||
test('removes the unread notificaction', function() {
|
||||
var id = 'id-10000';
|
||||
sinon.stub(NotificationScreen, 'removeUnreadNotification');
|
||||
NotificationScreen.addNotification({
|
||||
id: id, title: '', message: ''
|
||||
});
|
||||
NotificationScreen.removeNotification(id);
|
||||
var expect = NotificationScreen.removeUnreadNotification.calledWith(id);
|
||||
assert.isTrue(expect);
|
||||
});
|
||||
|
||||
test('does notify for generic applications', function() {
|
||||
this.sinon.stub(navigator, 'vibrate');
|
||||
this.sinon.stub(MockAudio.prototype, 'play');
|
||||
|
||||
NotificationScreen.addNotification({
|
||||
id: 'id-10000',
|
||||
title: '',
|
||||
message: '',
|
||||
manifestURL: 'app://sms.gaiamobile.org/manifest.webapp'
|
||||
});
|
||||
|
||||
var ringtonePlayer = MockAudio.instances[0];
|
||||
sinon.assert.called(ringtonePlayer.play);
|
||||
|
||||
sinon.assert.called(navigator.vibrate);
|
||||
|
||||
assert.ok(fakeToaster.classList.contains('displayed'));
|
||||
});
|
||||
|
||||
test('notifications are added in the right place', function() {
|
||||
var title = 'hello world';
|
||||
var text = 'how are you';
|
||||
NotificationScreen.addNotification({
|
||||
id: 'id-10000',
|
||||
title: title,
|
||||
text: text,
|
||||
manifestURL: 'app://sms.gaiamobile.org/manifest.webapp'
|
||||
});
|
||||
|
||||
assert.equal(fakeOtherNotifContainer.childElementCount, 3);
|
||||
var newContent = fakeOtherNotifContainer.firstElementChild.textContent;
|
||||
assert.isTrue(
|
||||
newContent.indexOf(title) !== -1,
|
||||
'The title is in the notification'
|
||||
);
|
||||
assert.isTrue(
|
||||
newContent.indexOf(text) !== -1,
|
||||
'The message is in the notification'
|
||||
);
|
||||
});
|
||||
|
||||
test('does not notify for the network-alerts application', function() {
|
||||
this.sinon.stub(navigator, 'vibrate');
|
||||
|
||||
NotificationScreen.addNotification({
|
||||
id: 'id-10000',
|
||||
title: '',
|
||||
message: '',
|
||||
// note: works only if the test agent is launched using
|
||||
// app://test-agent.gaiamobile.org (instead of using http://)
|
||||
manifestURL:
|
||||
window.location.origin.replace('system.', 'network-alerts.') +
|
||||
'/manifest.webapp'
|
||||
});
|
||||
|
||||
assert.lengthOf(MockAudio.instances, 0);
|
||||
sinon.assert.notCalled(navigator.vibrate);
|
||||
assert.isFalse(fakeToaster.classList.contains('displayed'));
|
||||
});
|
||||
|
||||
test('notifications for priority applications are added in right place',
|
||||
function() {
|
||||
var title = 'hello world';
|
||||
var text = 'how are you';
|
||||
NotificationScreen.addNotification({
|
||||
id: 'id-10000',
|
||||
title: title,
|
||||
text: text,
|
||||
// note: works only if the test agent is launched using
|
||||
// app://test-agent.gaiamobile.org (instead of using http://)
|
||||
manifestURL:
|
||||
window.location.origin.replace('system.', 'network-alerts.') +
|
||||
'/manifest.webapp'
|
||||
});
|
||||
|
||||
assert.equal(fakePriorityNotifContainer.childElementCount, 1);
|
||||
var content = fakePriorityNotifContainer.firstElementChild.textContent;
|
||||
assert.isTrue(
|
||||
content.indexOf(title) !== -1,
|
||||
'The title is in the notification'
|
||||
);
|
||||
assert.isTrue(
|
||||
content.indexOf(text) !== -1,
|
||||
'The message is in the notification'
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
suite('special notification handling for special apps', function() {
|
||||
var CALENDAR_MANIFEST = 'app://calendar.gaiamobile.org/manifest.webapp';
|
||||
var EMAIL_MANIFEST = 'app://email.gaiamobile.org/manifest.webapp';
|
||||
|
||||
var details = {
|
||||
id: 'id-' + Date.now(),
|
||||
title: 'title',
|
||||
text: 'body'
|
||||
};
|
||||
|
||||
var turnOnScreenSpy;
|
||||
|
||||
setup(function() {
|
||||
turnOnScreenSpy = this.sinon.spy(MockService, 'request');
|
||||
});
|
||||
|
||||
test('calendar notifications should wake the screen', function() {
|
||||
details.manifestURL = CALENDAR_MANIFEST;
|
||||
NotificationScreen.addNotification(details);
|
||||
sinon.assert.calledOnce(MockService.request.withArgs('turnScreenOn'));
|
||||
});
|
||||
|
||||
test('notifications received while on a call should not wake the screen',
|
||||
function() {
|
||||
MockService.mockQueryWith('onCall', true);
|
||||
details.manifestURL = CALENDAR_MANIFEST;
|
||||
NotificationScreen.addNotification(details);
|
||||
sinon.assert.notCalled(MockService.request.withArgs('turnScreenOn'));
|
||||
});
|
||||
|
||||
test('email notifications should not wake screen', function() {
|
||||
details.mozbehavior = { noscreen: true };
|
||||
details.manifestURL = EMAIL_MANIFEST;
|
||||
NotificationScreen.addNotification(details);
|
||||
sinon.assert.notCalled(MockService.request.withArgs('turnScreenOn'));
|
||||
});
|
||||
|
||||
test('download progress notifications should not wake screen', function() {
|
||||
details.mozbehavior = { noscreen: true };
|
||||
details.manifestURL = null;
|
||||
details.type = 'download-notification-downloading';
|
||||
NotificationScreen.addNotification(details);
|
||||
sinon.assert.notCalled(MockService.request);
|
||||
});
|
||||
|
||||
test('download complete notifications should wake screen', function() {
|
||||
details.mozbehavior = undefined;
|
||||
details.manifestURL = null;
|
||||
details.type = 'download-notification-complete';
|
||||
NotificationScreen.addNotification(details);
|
||||
sinon.assert.calledOnce(MockService.request);
|
||||
});
|
||||
});
|
||||
|
||||
suite('differentiating api >', function() {
|
||||
test('identifying deprecated API', function() {
|
||||
var node = NotificationScreen.addNotification({
|
||||
id: 'app-notif-1',
|
||||
title: '',
|
||||
message: ''
|
||||
});
|
||||
assert.equal('true', node.dataset.obsoleteAPI);
|
||||
});
|
||||
|
||||
test('identifying new API', function() {
|
||||
var node = NotificationScreen.addNotification({
|
||||
id: 'app://notif',
|
||||
title: '',
|
||||
message: ''
|
||||
});
|
||||
assert.equal('false', node.dataset.obsoleteAPI);
|
||||
});
|
||||
});
|
||||
|
||||
suite('tap a notification >', function() {
|
||||
var notificationNode, notifClickedStub, contentNotificationEventStub;
|
||||
var details = {
|
||||
type: 'desktop-notification',
|
||||
id: 'id-1',
|
||||
title: '',
|
||||
message: ''
|
||||
};
|
||||
|
||||
setup(function() {
|
||||
notificationNode = NotificationScreen.addNotification(details);
|
||||
|
||||
notifClickedStub = sinon.stub();
|
||||
contentNotificationEventStub = sinon.stub();
|
||||
|
||||
window.addEventListener('notification-clicked', notifClickedStub);
|
||||
window.addEventListener(
|
||||
'mozContentNotificationEvent', contentNotificationEventStub);
|
||||
|
||||
var event = new CustomEvent('tap', { bubbles: true, cancelable: true });
|
||||
notificationNode.dispatchEvent(event);
|
||||
});
|
||||
|
||||
teardown(function() {
|
||||
window.removeEventListener('notification-clicked', notifClickedStub);
|
||||
window.removeEventListener(
|
||||
'mozContentNotificationEvent', contentNotificationEventStub);
|
||||
});
|
||||
|
||||
test('dispatch events once with the expected parameters', function() {
|
||||
sinon.assert.calledOnce(notifClickedStub);
|
||||
sinon.assert.calledOnce(contentNotificationEventStub);
|
||||
|
||||
sinon.assert.calledWithMatch(notifClickedStub, {
|
||||
detail: {
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
|
||||
sinon.assert.calledWithMatch(contentNotificationEventStub, {
|
||||
detail: {
|
||||
type: 'desktop-notification-click',
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
suite('swiping to dismiss >', function() {
|
||||
var notificationNode, notifClickedStub, contentNotificationEventStub;
|
||||
var details = {
|
||||
type: 'desktop-notification',
|
||||
id: 'id-1',
|
||||
title: '',
|
||||
message: ''
|
||||
};
|
||||
|
||||
setup(function() {
|
||||
notificationNode = NotificationScreen.addNotification(details);
|
||||
|
||||
notifClickedStub = sinon.stub();
|
||||
contentNotificationEventStub = sinon.stub();
|
||||
|
||||
window.addEventListener('notification-clicked', notifClickedStub);
|
||||
window.addEventListener(
|
||||
'mozContentNotificationEvent', contentNotificationEventStub);
|
||||
});
|
||||
|
||||
test('should disable scrolling during a swipe', function() {
|
||||
MockService.mockQueryWith('UtilityTray.shown', true);
|
||||
var overflow = NotificationScreen.notificationsContainer.style.overflow;
|
||||
assert.equal(overflow, '');
|
||||
|
||||
NotificationScreen.touchstart(fakeEvt(notificationNode, 1, 1));
|
||||
NotificationScreen.touchmove(fakeEvt(notificationNode, 45, 1));
|
||||
overflow = NotificationScreen.notificationsContainer.style.overflow;
|
||||
assert.equal(overflow, 'hidden');
|
||||
|
||||
NotificationScreen.touchend(fakeEvt(notificationNode, 45, 1));
|
||||
overflow = NotificationScreen.notificationsContainer.style.overflow;
|
||||
assert.equal(overflow, '');
|
||||
});
|
||||
|
||||
test('should account for speed when dismissing', function() {
|
||||
MockService.mockQueryWith('UtilityTray.shown', true);
|
||||
|
||||
// Short but fast swipe
|
||||
var close = this.sinon.stub(NotificationScreen, 'swipeCloseNotification');
|
||||
NotificationScreen.touchstart(fakeEvt(notificationNode, 1, 1));
|
||||
this.sinon.clock.tick(10);
|
||||
NotificationScreen.touchmove(fakeEvt(notificationNode, 25, 1));
|
||||
this.sinon.clock.tick(20);
|
||||
NotificationScreen.touchmove(fakeEvt(notificationNode, 45, 1));
|
||||
this.sinon.clock.tick(30);
|
||||
NotificationScreen.touchend(fakeEvt(notificationNode, 45, 1));
|
||||
|
||||
sinon.assert.calledOnce(close);
|
||||
var arg = close.getCall(0).args[0];
|
||||
assert.isTrue(arg < NotificationScreen.TRANSITION_DURATION);
|
||||
});
|
||||
});
|
||||
|
||||
suite('tap a notification using the obsolete API >', function() {
|
||||
var notificationNode, notifClickedStub, contentNotificationEventStub;
|
||||
var details = {
|
||||
type: 'desktop-notification',
|
||||
id: 'app-notif-1',
|
||||
title: '',
|
||||
message: ''
|
||||
};
|
||||
|
||||
setup(function() {
|
||||
notificationNode = NotificationScreen.addNotification(details);
|
||||
|
||||
notifClickedStub = sinon.stub();
|
||||
contentNotificationEventStub = sinon.stub();
|
||||
|
||||
window.addEventListener('notification-clicked', notifClickedStub);
|
||||
window.addEventListener(
|
||||
'mozContentNotificationEvent', contentNotificationEventStub);
|
||||
});
|
||||
|
||||
teardown(function() {
|
||||
window.removeEventListener('notification-clicked', notifClickedStub);
|
||||
window.removeEventListener(
|
||||
'mozContentNotificationEvent', contentNotificationEventStub);
|
||||
});
|
||||
|
||||
test('tapping on notification disabled when tray not shown', function() {
|
||||
MockService.mockQueryWith('UtilityTray.shown', false);
|
||||
NotificationScreen.touchstart(fakeEvt(notificationNode, 10, 10));
|
||||
NotificationScreen.touchmove(fakeEvt(notificationNode, 10, 10));
|
||||
NotificationScreen.touchend(fakeEvt(notificationNode, 10, 10));
|
||||
|
||||
sinon.assert.notCalled(notifClickedStub);
|
||||
});
|
||||
|
||||
test('tapping on the notification', function() {
|
||||
MockService.mockQueryWith('UtilityTray.shown', true);
|
||||
NotificationScreen.touchstart(fakeEvt(notificationNode, 10, 10));
|
||||
NotificationScreen.touchmove(fakeEvt(notificationNode, 10, 10));
|
||||
NotificationScreen.touchend(fakeEvt(notificationNode, 10, 10));
|
||||
|
||||
sinon.assert.calledOnce(notifClickedStub);
|
||||
sinon.assert.calledTwice(contentNotificationEventStub);
|
||||
|
||||
sinon.assert.calledWithMatch(notifClickedStub, {
|
||||
detail: {
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
|
||||
sinon.assert.calledWithMatch(contentNotificationEventStub, {
|
||||
detail: {
|
||||
type: 'desktop-notification-click',
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
|
||||
sinon.assert.calledWithMatch(contentNotificationEventStub, {
|
||||
detail: {
|
||||
type: 'desktop-notification-close',
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
test('tapping on the toaster', function() {
|
||||
var event = new CustomEvent('tap', { bubbles: true, cancelable: true });
|
||||
fakeToaster.dispatchEvent(event);
|
||||
|
||||
sinon.assert.calledOnce(notifClickedStub);
|
||||
sinon.assert.calledTwice(contentNotificationEventStub);
|
||||
|
||||
sinon.assert.calledWithMatch(notifClickedStub, {
|
||||
detail: {
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
|
||||
sinon.assert.calledWithMatch(contentNotificationEventStub, {
|
||||
detail: {
|
||||
type: 'desktop-notification-click',
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
|
||||
sinon.assert.calledWithMatch(contentNotificationEventStub, {
|
||||
detail: {
|
||||
type: 'desktop-notification-close',
|
||||
id: details.id
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
suite('resending notifications >', function() {
|
||||
var realMozSettings;
|
||||
var realNavigatorMozChromeNotifications;
|
||||
|
||||
suiteSetup(function() {
|
||||
realMozSettings = navigator.mozSettings;
|
||||
window.navigator.mozSettings = MockNavigatorSettings;
|
||||
|
||||
realNavigatorMozChromeNotifications = navigator.mozChromeNotifications;
|
||||
navigator.mozChromeNotifications = MockNavigatorMozChromeNotifications;
|
||||
});
|
||||
|
||||
suiteTeardown(function() {
|
||||
navigator.mozSettings = realMozSettings;
|
||||
navigator.mozChromeNotifications = realNavigatorMozChromeNotifications;
|
||||
});
|
||||
|
||||
suite('inhibition of vibration and sound >', function() {
|
||||
var vibrateSpy;
|
||||
|
||||
function sendNotification() {
|
||||
var imgpath = 'http://example.com/test.png';
|
||||
var detail = {icon: imgpath, title: 'title', detail: 'detail'};
|
||||
NotificationScreen.addNotification(detail);
|
||||
}
|
||||
|
||||
setup(function() {
|
||||
vibrateSpy = this.sinon.spy(navigator, 'vibrate');
|
||||
});
|
||||
|
||||
test('isResending is false', function() {
|
||||
assert.isFalse(NotificationScreen.isResending);
|
||||
});
|
||||
|
||||
test('isResending is switched to true when receiving resend event',
|
||||
function() {
|
||||
assert.isFalse(NotificationScreen.isResending);
|
||||
window.dispatchEvent(
|
||||
new CustomEvent('desktop-notification-resend',
|
||||
{ detail: { number: 1 } }));
|
||||
this.sinon.clock.tick();
|
||||
assert.isTrue(NotificationScreen.isResending);
|
||||
}
|
||||
);
|
||||
|
||||
test('isResending is switched to false when receiving a notification',
|
||||
function() {
|
||||
assert.isTrue(NotificationScreen.isResending);
|
||||
window.dispatchEvent(
|
||||
new CustomEvent('desktop-notification-resend',
|
||||
{ detail: { number: 1 } }));
|
||||
this.sinon.clock.tick();
|
||||
sendChromeNotificationEvent({
|
||||
type: 'desktop-notification',
|
||||
id: 'id-1'
|
||||
});
|
||||
this.sinon.clock.tick(1000);
|
||||
assert.isFalse(NotificationScreen.isResending);
|
||||
}
|
||||
);
|
||||
|
||||
test('isResending true blocks vibrate()', function() {
|
||||
NotificationScreen.isResending = true;
|
||||
assert.isTrue(NotificationScreen.isResending);
|
||||
|
||||
sendNotification();
|
||||
this.sinon.clock.tick(1000);
|
||||
assert.ok(vibrateSpy.notCalled);
|
||||
});
|
||||
|
||||
test('isResending false allows vibrate()', function() {
|
||||
NotificationScreen.isResending = false;
|
||||
assert.isFalse(NotificationScreen.isResending);
|
||||
|
||||
sendNotification();
|
||||
this.sinon.clock.tick(1000);
|
||||
assert.ok(vibrateSpy.called);
|
||||
});
|
||||
});
|
||||
|
||||
suite('on restart >', function() {
|
||||
var dispatchEventSpy, resendSpy;
|
||||
var setting = 'notifications.resend';
|
||||
|
||||
setup(function() {
|
||||
resendSpy = this.sinon.spy(MockNavigatorMozChromeNotifications,
|
||||
'mozResendAllNotifications');
|
||||
dispatchEventSpy = this.sinon.spy(window, 'dispatchEvent');
|
||||
});
|
||||
|
||||
suite('setting is true >', function() {
|
||||
setup(function() {
|
||||
MockNavigatorSettings.mSettings[setting] = true;
|
||||
NotificationScreen.start();
|
||||
});
|
||||
|
||||
test('mozResendAllNotifications called', function() {
|
||||
this.sinon.clock.tick();
|
||||
assert.ok(resendSpy.calledOnce);
|
||||
});
|
||||
|
||||
test('desktop-notification-resend sent', function() {
|
||||
this.sinon.clock.tick();
|
||||
var expectedEvent =
|
||||
new CustomEvent('desktop-notification-resend',
|
||||
{ detail: { number: 1 } });
|
||||
assert.ok(dispatchEventSpy.called);
|
||||
assert.equal(
|
||||
dispatchEventSpy.lastCall.args[0].type, expectedEvent.type);
|
||||
assert.equal(
|
||||
dispatchEventSpy.lastCall.args[0].detail.number,
|
||||
expectedEvent.detail.number);
|
||||
});
|
||||
});
|
||||
|
||||
suite('setting is false >', function() {
|
||||
setup(function() {
|
||||
MockNavigatorSettings.mSettings[setting] = false;
|
||||
NotificationScreen.start();
|
||||
});
|
||||
|
||||
test('mozResendAllNotifications not called', function() {
|
||||
this.sinon.clock.tick();
|
||||
assert.ok(resendSpy.notCalled);
|
||||
});
|
||||
|
||||
test('desktop-notification-resend not sent', function() {
|
||||
this.sinon.clock.tick();
|
||||
assert.ok(dispatchEventSpy.notCalled);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
Loading…
Reference in a new issue