b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
386 lines
11 KiB
JavaScript
Executable file
386 lines
11 KiB
JavaScript
Executable file
'use strict';
|
|
/* global
|
|
$,
|
|
$$,
|
|
airplaneModeEnabled:true,
|
|
enabling,
|
|
favoritesList,
|
|
frequencyDialer,
|
|
historyList,
|
|
MockL10n,
|
|
mozFMRadio,
|
|
updateEnablingState,
|
|
updateFreqUI,
|
|
updateWarningModeUI */
|
|
|
|
requireApp('shared/js/airplane_mode_helper.js');
|
|
requireApp('fm/js/fm.js');
|
|
require('/shared/test/unit/load_body_html_helper.js');
|
|
require('/shared/test/unit/mocks/mock_l20n.js');
|
|
|
|
suite('FM', function() {
|
|
function setFrequency(frequency) {
|
|
var setFreq = frequencyDialer.setFrequency(frequency);
|
|
if (frequency < mozFMRadio.frequencyLowerBound) {
|
|
assert.equal(setFreq, mozFMRadio.frequencyLowerBound);
|
|
} else if (frequency > mozFMRadio.frequencyUpperBound) {
|
|
assert.equal(setFreq, mozFMRadio.frequencyUpperBound);
|
|
} else {
|
|
assert.equal(setFreq, frequency);
|
|
}
|
|
}
|
|
|
|
function testScreenReaderSwipe(swipeDirection, startFreq, expectedFreq) {
|
|
var modifier, key;
|
|
|
|
if (swipeDirection === 'up') {
|
|
modifier = 0.1;
|
|
key = 38; // DOM_VK_UP = 38
|
|
} else if (swipeDirection === 'down') {
|
|
modifier = -0.1;
|
|
key = 40; // DOM_VK_DOWN = 40
|
|
}
|
|
|
|
var keyEvent = document.createEvent('KeyboardEvent');
|
|
keyEvent.initKeyEvent('keypress',
|
|
true, true, window,
|
|
false, false, false, false,
|
|
key, 0);
|
|
|
|
frequencyDialer.setFrequency(startFreq);
|
|
|
|
$('dialer-container').dispatchEvent(keyEvent);
|
|
assert.equal(frequencyDialer._currentFreqency, expectedFreq);
|
|
}
|
|
|
|
function testPowerSwitchLabel() {
|
|
assert.equal(mozFMRadio.enabled ? 'power-switch-off' : 'power-switch-on',
|
|
$('power-switch').getAttribute('data-l10n-id'));
|
|
}
|
|
|
|
suite('frequency dialer', function() {
|
|
var nativeL10n = document.l10n;
|
|
|
|
suiteSetup(function() {
|
|
sinon.stub(favoritesList, '_save').returns(true);
|
|
favoritesList._favList = {};
|
|
sinon.stub(historyList, '_save').returns(true);
|
|
|
|
loadBodyHTML('/index.html');
|
|
document.l10n = MockL10n;
|
|
frequencyDialer.init();
|
|
});
|
|
|
|
suiteTeardown(function() {
|
|
document.l10n = nativeL10n;
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
test('resolved frequency within bounds', function() {
|
|
setFrequency(92);
|
|
});
|
|
|
|
test('resolved frequency exceeding upperbound', function() {
|
|
setFrequency(mozFMRadio.frequencyUpperBound + 10);
|
|
});
|
|
|
|
test('resolved frequency exceeding lowerbound', function() {
|
|
setFrequency(mozFMRadio.frequencyLowerBound - 10);
|
|
});
|
|
|
|
test('retrieved frequency', function() {
|
|
assert.equal(frequencyDialer.getFrequency(), 87.5);
|
|
});
|
|
|
|
test('updated #frequency dom display digits', function() {
|
|
assert.deepEqual(
|
|
document.l10n.getAttributes($('frequency')),
|
|
{ id: 'frequency-MHz', args: { value: '87.5' } });
|
|
});
|
|
|
|
test('compare new set frequency with aria-valuenow', function() {
|
|
var frequency = 95.7;
|
|
frequencyDialer.setFrequency(frequency);
|
|
assert.equal($('dialer-container').getAttribute('aria-valuenow'),
|
|
frequency.toString());
|
|
});
|
|
|
|
test('screen reader swipe up on dialer', function() {
|
|
testScreenReaderSwipe('up', 95.7, 95.8);
|
|
testScreenReaderSwipe('down', 95.7, 95.6);
|
|
});
|
|
|
|
test('maintain aria-pressed on bookmark button', function() {
|
|
var bookmarkButton = $('bookmark-button');
|
|
|
|
// Start at arbitrary station
|
|
mozFMRadio.setFrequency(88.6);
|
|
updateFreqUI();
|
|
assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
|
|
// Add station to favorites
|
|
favoritesList.add(88.6);
|
|
updateFreqUI();
|
|
assert.equal('true', bookmarkButton.getAttribute('aria-pressed'));
|
|
// Browse to different station
|
|
mozFMRadio.setFrequency(99.5);
|
|
updateFreqUI();
|
|
assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
|
|
// Come back to first station
|
|
mozFMRadio.setFrequency(88.6);
|
|
updateFreqUI();
|
|
assert.equal('true', bookmarkButton.getAttribute('aria-pressed'));
|
|
// Remove station from favorites
|
|
favoritesList.remove(88.6);
|
|
updateFreqUI();
|
|
assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
|
|
});
|
|
|
|
// temporarily removing due to test not passing on TBPL Bug 876265
|
|
// test('changed horizontal position of dialer', function() {
|
|
// var prevX = frequencyDialer._translateX;
|
|
// frequencyDialer.setFrequency(100);
|
|
// assert.notEqual(frequencyDialer._translateX, prevX);
|
|
// });
|
|
|
|
test('#frequency display precision to one decimal point', function() {
|
|
var freq = document.l10n.getAttributes($('frequency')).args.value;
|
|
assert.ok(freq.indexOf('.') > -1);
|
|
});
|
|
|
|
});
|
|
|
|
suite('history list', function() {
|
|
setup(function() {
|
|
historyList._save = function() {
|
|
return true;
|
|
};
|
|
});
|
|
|
|
test('item added to history list', function() {
|
|
historyList.add(100);
|
|
assert.equal(historyList._historyList.length, 1);
|
|
});
|
|
|
|
test('gets the last frequency tuned', function() {
|
|
assert.equal(historyList.last().frequency, 100);
|
|
});
|
|
|
|
});
|
|
|
|
suite('favorite list', function() {
|
|
var nativeL10n = document.l10n;
|
|
|
|
|
|
suiteSetup(function() {
|
|
loadBodyHTML('/index.html');
|
|
document.l10n = MockL10n;
|
|
});
|
|
|
|
suiteTeardown(function() {
|
|
document.l10n = nativeL10n;
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
test('item added to favorite list', function() {
|
|
favoritesList.add(100);
|
|
assert.equal(Object.keys(favoritesList._favList).length, 1);
|
|
});
|
|
|
|
test('added item is updated in DOM #fav-list', function() {
|
|
assert.equal($('fav-list-container').childNodes.length, 1);
|
|
});
|
|
|
|
test('contains a frequency', function() {
|
|
assert.ok(favoritesList.contains(100));
|
|
});
|
|
|
|
test('selected frequency in DOM #fav-list', function() {
|
|
favoritesList.select(100);
|
|
assert.ok($$('#fav-list-container div.fav-list-item')[0]
|
|
.classList.contains('selected'));
|
|
});
|
|
|
|
test('removed frequency from list', function() {
|
|
assert.ok(favoritesList.remove(100));
|
|
});
|
|
|
|
test('removed item is updated in DOM #fav-list', function() {
|
|
assert.equal($('fav-list-container').childNodes.length, 0);
|
|
});
|
|
|
|
test('items are in desceding order', function() {
|
|
favoritesList.add(100);
|
|
favoritesList.add(101);
|
|
favoritesList.add(102);
|
|
var items = $$('#fav-list-container div.fav-list-item');
|
|
var isAscending = true;
|
|
for (var i = 0, len = items.length; i < len - 1; i++) {
|
|
var itemA = items[i].childNodes[0].textContent;
|
|
var itemB = items[i + 1].childNodes[0].textContent;
|
|
if (itemA > itemB) {
|
|
isAscending = false;
|
|
break;
|
|
}
|
|
}
|
|
assert.ok(isAscending);
|
|
});
|
|
|
|
test('set aria-selected = true on active favorite stations, else false',
|
|
function() {
|
|
var testFreqs = [88.6, 103.7, 104.8, 55.6];
|
|
var favorites = $$('#fav-list-container div.fav-list-item');
|
|
|
|
favoritesList.add(88.6);
|
|
favoritesList.add(103.7);
|
|
favoritesList.add(104.8);
|
|
|
|
testFreqs.forEach(function(testFreq, index, array) {
|
|
favoritesList.select(testFreq);
|
|
for (var i = 0; i < favorites.length; i++) {
|
|
assert.equal(favoritesList._getElemFreq(favorites[i]) === testFreq ?
|
|
'true' : 'false', favorites[i].getAttribute('aria-selected'));
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
suite('update display states', function() {
|
|
var nativeL10n = document.l10n;
|
|
|
|
suiteSetup(function() {
|
|
mozFMRadio.enabled = true;
|
|
mozFMRadio.antennaAvailable = true;
|
|
loadBodyHTML('/index.html');
|
|
document.l10n = MockL10n;
|
|
updateEnablingState(true);
|
|
});
|
|
|
|
suiteTeardown(function() {
|
|
document.l10n = nativeL10n;
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
suite('enabling UI', function() {
|
|
|
|
test('#power-switch enabled attribute is correctly set', function() {
|
|
assert.equal(!!$('power-switch').dataset.enabled, mozFMRadio.enabled);
|
|
});
|
|
|
|
test('#power-switchh enabling attribute is correctly set', function() {
|
|
assert.equal(!!$('power-switch').dataset.enabling, enabling);
|
|
});
|
|
|
|
test('#frequency-bar display is dimmed', function() {
|
|
assert.ok($('frequency-bar').classList.contains('dim'));
|
|
});
|
|
|
|
test('#antenna-warning is hidden', function() {
|
|
assert.ok(!!$('antenna-warning').hidden, mozFMRadio.antennaAvailable);
|
|
});
|
|
|
|
test('#power-switch has appropriate aria-label based on enabled status',
|
|
function() {
|
|
testPowerSwitchLabel();
|
|
$('power-switch').click();
|
|
testPowerSwitchLabel();
|
|
}
|
|
);
|
|
});
|
|
});
|
|
|
|
suite('update UI based on the airplane mode status', function() {
|
|
var nativeL10n = document.l10n;
|
|
|
|
suiteSetup(function() {
|
|
loadBodyHTML('/index.html');
|
|
document.l10n = MockL10n;
|
|
});
|
|
|
|
suiteTeardown(function() {
|
|
document.l10n = nativeL10n;
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
suite('airplane mode on', function() {
|
|
setup(function() {
|
|
airplaneModeEnabled = true;
|
|
updateWarningModeUI();
|
|
});
|
|
|
|
test('#airplane-mode-warning is shown', function() {
|
|
assert.equal(!!$('airplane-mode-warning').hidden, false);
|
|
});
|
|
|
|
test('#container is hidden', function() {
|
|
assert.equal($('container').classList.contains('hidden-block'), true);
|
|
});
|
|
|
|
test('#antenna-warning is hidden', function() {
|
|
assert.equal(!!$('antenna-warning').hidden, true);
|
|
});
|
|
|
|
});
|
|
|
|
suite('airplane mode off', function() {
|
|
setup(function() {
|
|
airplaneModeEnabled = false;
|
|
updateWarningModeUI();
|
|
});
|
|
|
|
test('#airplane-mode-warning is hidden', function() {
|
|
assert.equal(!!$('airplane-mode-warning').hidden, true);
|
|
});
|
|
|
|
test('#antenna-warning is on and container is hidden', function() {
|
|
mozFMRadio.antennaAvailable = false;
|
|
updateWarningModeUI();
|
|
assert.equal(!!$('antenna-warning').hidden, false);
|
|
assert.equal($('container').classList.contains('hidden-block'), true);
|
|
});
|
|
|
|
test('#antenna-warning is off and container is visible', function() {
|
|
mozFMRadio.antennaAvailable = true;
|
|
updateWarningModeUI();
|
|
assert.equal(!!$('antenna-warning').hidden, true);
|
|
assert.equal($('container').classList.contains('hidden-block'), false);
|
|
});
|
|
});
|
|
});
|
|
|
|
suite('update UI based on the antenna status', function() {
|
|
var nativeL10n = document.l10n;
|
|
|
|
suiteSetup(function() {
|
|
loadBodyHTML('/index.html');
|
|
document.l10n = MockL10n;
|
|
});
|
|
|
|
suiteTeardown(function() {
|
|
document.l10n = nativeL10n;
|
|
document.body.innerHTML = '';
|
|
});
|
|
|
|
suite('antenna is plugged in', function() {
|
|
setup(function() {
|
|
mozFMRadio.antennaAvailable = true;
|
|
updateWarningModeUI();
|
|
});
|
|
|
|
test('#antenna-warning is hidden', function() {
|
|
assert.equal(!!$('antenna-warning').hidden, true);
|
|
});
|
|
});
|
|
|
|
suite('antenna is not plugged in', function() {
|
|
setup(function() {
|
|
mozFMRadio.antennaAvailable = false;
|
|
updateWarningModeUI();
|
|
});
|
|
|
|
test('#antenna-warning is shown', function() {
|
|
assert.equal(!!$('antenna-warning').hidden, false);
|
|
});
|
|
});
|
|
});
|
|
});
|