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
316
gaia/apps/costcontrol/test/unit/chart_utils_test.js
Executable file
316
gaia/apps/costcontrol/test/unit/chart_utils_test.js
Executable file
|
|
@ -0,0 +1,316 @@
|
|||
/* global ChartUtils, Toolkit, Common, Formatting */
|
||||
|
||||
'use strict';
|
||||
|
||||
require('/test/unit/mock_date.js');
|
||||
require('/test/unit/mock_debug.js');
|
||||
require('/test/unit/mock_moz_l10n.js');
|
||||
require('/js/common.js');
|
||||
require('/js/utils/toolkit.js');
|
||||
require('/js/utils/formatting.js');
|
||||
require('/js/utils/chart.js');
|
||||
|
||||
suite('ChartUtils suite >', function() {
|
||||
|
||||
var CHART_BG_RATIO = 0.87;
|
||||
var DAY = 24 * 60 * 60 * 1000;
|
||||
var NEVER_PERIOD = 30 * DAY;
|
||||
|
||||
var realMozL10n, realDate;
|
||||
var now;
|
||||
|
||||
if (!window.navigator.mozL10n) {
|
||||
window.navigator.mozL10n = null;
|
||||
}
|
||||
|
||||
suiteSetup(function() {
|
||||
realMozL10n = window.navigator.mozL10n;
|
||||
window.navigator.mozL10n = window.MockMozL10n;
|
||||
|
||||
realDate = window.Date;
|
||||
});
|
||||
|
||||
suiteTeardown(function() {
|
||||
window.navigator.mozL10n = realMozL10n;
|
||||
window.Date = realDate;
|
||||
});
|
||||
|
||||
setup(function() {
|
||||
now = new realDate(2014, 0, 1); // 2014-01-01
|
||||
window.Date = new window.MockDateFactory(now);
|
||||
});
|
||||
|
||||
test('convert to device pixels', function() {
|
||||
assert.equal(ChartUtils.toDevicePixels(100), 100 * window.devicePixelRatio);
|
||||
});
|
||||
|
||||
test('make a valid CSS font string', function() {
|
||||
assert.equal(ChartUtils.makeCSSFontString(10, 'normal'),
|
||||
'normal 10px sans-serif');
|
||||
});
|
||||
|
||||
test('get data limit in raw bytes', function() {
|
||||
var mbSettings = {
|
||||
dataLimitUnit: 'MB',
|
||||
dataLimitValue: 1
|
||||
};
|
||||
var gbSettings = {
|
||||
dataLimitUnit: 'GB',
|
||||
dataLimitValue: 1
|
||||
};
|
||||
assert.equal(ChartUtils.getLimitInBytes(mbSettings), 1000000);
|
||||
assert.equal(ChartUtils.getLimitInBytes(gbSettings), 1000000000);
|
||||
});
|
||||
|
||||
test('calculate upper date', function() {
|
||||
var weeklySettings = {
|
||||
trackingPeriod: 'weekly',
|
||||
lastCompleteDataReset: now,
|
||||
nextReset: new realDate(2014, 0, 8)
|
||||
};
|
||||
var monthlySettings = {
|
||||
trackingPeriod: 'monthly',
|
||||
lastCompleteDataReset: now,
|
||||
nextReset: new realDate(2014, 1, 1)
|
||||
};
|
||||
var neverSettings = {
|
||||
trackingPeriod: 'never',
|
||||
lastCompleteDataReset: now
|
||||
};
|
||||
|
||||
assert.equal(ChartUtils.calculateUpperDate(weeklySettings).toUTCString(),
|
||||
new realDate(weeklySettings.nextReset.getTime() - DAY).toUTCString());
|
||||
assert.equal(ChartUtils.calculateUpperDate(monthlySettings).toUTCString(),
|
||||
new realDate(monthlySettings.nextReset.getTime() - DAY).toUTCString());
|
||||
assert.equal(ChartUtils.calculateUpperDate(neverSettings).toUTCString(),
|
||||
new realDate(now.getTime() + NEVER_PERIOD).toUTCString());
|
||||
});
|
||||
|
||||
test('calculate lower date', function() {
|
||||
var weeklySettings = {
|
||||
trackingPeriod: 'weekly',
|
||||
lastCompleteDataReset: now,
|
||||
nextReset: new realDate(2014, 0, 8)
|
||||
};
|
||||
var monthlySettings = {
|
||||
trackingPeriod: 'monthly',
|
||||
lastCompleteDataReset: now,
|
||||
nextReset: new realDate(2014, 1, 1),
|
||||
resetTime: '1'
|
||||
};
|
||||
var neverSettings = {
|
||||
trackingPeriod: 'never',
|
||||
lastCompleteDataReset: now
|
||||
};
|
||||
|
||||
assert.equal(ChartUtils.calculateLowerDate(weeklySettings).toUTCString(),
|
||||
new realDate(now).toUTCString());
|
||||
assert.equal(ChartUtils.calculateLowerDate(monthlySettings).toUTCString(),
|
||||
new realDate(now).toUTCString());
|
||||
assert.equal(ChartUtils.calculateLowerDate(neverSettings).toUTCString(),
|
||||
new realDate(now).toUTCString());
|
||||
});
|
||||
|
||||
test('calculate lower date when corresponding to the current month',
|
||||
function() {
|
||||
var monthlySettings = {
|
||||
trackingPeriod: 'monthly',
|
||||
nextReset: new Date(2014, 10, 30),
|
||||
resetTime: '1'
|
||||
};
|
||||
var expectedDate = new Date(2013, 10, 1);
|
||||
window.Date = new window.MockDateFactory(new Date(2013, 10, 16));
|
||||
|
||||
assert.equal(ChartUtils.calculateLowerDate(monthlySettings).toUTCString(),
|
||||
expectedDate.toUTCString());
|
||||
});
|
||||
|
||||
suite('lower date (monthly -->> resetTime = 31) >', function() {
|
||||
// The current testing scenarios are the following:
|
||||
var testCaseList = [
|
||||
{
|
||||
// The current and the previous month has 31 days
|
||||
today: new Date(2014, 0, 1),
|
||||
nextReset : new Date(2014, 0, 31),
|
||||
expected : new Date(2013, 11, 31)
|
||||
}, {
|
||||
// The current and the previous month has 31 days
|
||||
// (first day of the period)
|
||||
today : new Date(2013, 11, 31),
|
||||
nextReset : new Date(2014, 0, 31),
|
||||
expected : new Date(2013, 11, 31)
|
||||
}, {
|
||||
// the previous month has 31 days, but the current not.
|
||||
today : new Date(2014, 1, 1),
|
||||
nextReset : new Date(2014, 1, 28),
|
||||
expected : new Date(2014, 0, 31)
|
||||
}, {
|
||||
// the current month has 31 days, but the previous not.
|
||||
today : new Date(2014, 4, 1),
|
||||
nextReset : new Date(2014, 5, 31),
|
||||
expected : new Date(2014, 3, 30)
|
||||
}, {
|
||||
// the current month has 31 days, but the previous not.(February)
|
||||
today : new Date(2014, 2, 1),
|
||||
nextReset : new Date(2014, 2, 31),
|
||||
expected : new Date(2014, 1, 28)
|
||||
}
|
||||
];
|
||||
|
||||
testCaseList.forEach(function(testCase) {
|
||||
test('current date is : ' + testCase.today.toUTCString(), function() {
|
||||
var monthlySettings = {
|
||||
trackingPeriod: 'monthly',
|
||||
nextReset: testCase.nextReset,
|
||||
resetTime: '31'
|
||||
};
|
||||
window.Date = new window.MockDateFactory(testCase.today);
|
||||
assert.equal(
|
||||
ChartUtils.calculateLowerDate(monthlySettings).toUTCString(),
|
||||
testCase.expected.toUTCString(),
|
||||
'LowerDate must be ' + testCase.expected.toUTCString()
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
test('expand the base model with computed values', function() {
|
||||
var base = {
|
||||
width: 100,
|
||||
height: 100,
|
||||
originX: 15,
|
||||
endX: 95,
|
||||
axis: {
|
||||
X: {
|
||||
lower: new realDate(2014, 0, 1),
|
||||
upper: new realDate(2014, 0, 31)
|
||||
},
|
||||
Y: {
|
||||
lower: 0,
|
||||
margin: 0.20
|
||||
}
|
||||
},
|
||||
limits: {
|
||||
enabled: true,
|
||||
value: 10000000 // 10 MB
|
||||
},
|
||||
data: {
|
||||
wifi: {
|
||||
enabled: true,
|
||||
total: 0
|
||||
},
|
||||
mobile: {
|
||||
enabled: true,
|
||||
total: 0
|
||||
}
|
||||
},
|
||||
todayLabel: {}
|
||||
};
|
||||
|
||||
ChartUtils.expandModel(base);
|
||||
|
||||
assert.equal(base.originY, Math.floor(base.height * CHART_BG_RATIO));
|
||||
assert.equal(base.axis.X.today.toUTCString(),
|
||||
Toolkit.toMidnight(now).toUTCString());
|
||||
assert.equal(base.axis.X.len, base.endX - base.originX);
|
||||
assert.equal(typeof base.axis.X.get, 'function');
|
||||
assert.equal(typeof base.axis.Y.get, 'function');
|
||||
assert.equal(base.axis.Y.maxValue, Math.max(
|
||||
base.limits.value, base.data.mobile.total, base.data.wifi.total));
|
||||
assert.equal(base.axis.Y.upper, (1 + base.axis.Y.margin) *
|
||||
base.axis.Y.maxValue);
|
||||
assert.equal(base.axis.Y.step, base.axis.Y.get(base.axis.Y.maxValue));
|
||||
assert.equal(base.limits.warning, Common.DATA_USAGE_WARNING);
|
||||
assert.equal(base.limits.warningValue, base.limits.value *
|
||||
Common.DATA_USAGE_WARNING);
|
||||
});
|
||||
|
||||
suite('accesibility', function() {
|
||||
var canvas, model, date, upperDate, lowerDate;
|
||||
function testAcesssibilityAttributes(identifier, data) {
|
||||
assert.equal(canvas.getAttribute('data-l10n-id'), identifier);
|
||||
assert.equal(canvas.getAttribute('data-l10n-args'), JSON.stringify(data));
|
||||
}
|
||||
|
||||
setup(function() {
|
||||
canvas = document.createElement('canvas');
|
||||
date = new realDate(2014, 0, 15);
|
||||
lowerDate = new realDate(2014, 0, 1);
|
||||
upperDate = new realDate(2014, 0, 31);
|
||||
model = {
|
||||
axis: {
|
||||
X: {
|
||||
get: function() {},
|
||||
today: date,
|
||||
lower: lowerDate,
|
||||
upper: upperDate
|
||||
},
|
||||
Y: { get: function() {}, lower: 0, margin: 0.20 }
|
||||
},
|
||||
data: {
|
||||
wifi: { enabled: true, total: 0 },
|
||||
mobile: { enabled: true, total: 0 }
|
||||
},
|
||||
todayLabel: {},
|
||||
limits: {
|
||||
enabled: true, value: null, dataLimitValue: 1, dataLimitUnit: 'MB'
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
test('> drawTodayLayer', function() {
|
||||
ChartUtils.drawTodayLayer(canvas, model);
|
||||
testAcesssibilityAttributes('today-layer',
|
||||
{ today: ChartUtils.formatChartDate(date) });
|
||||
});
|
||||
|
||||
test('> drawAxisLayer', function() {
|
||||
ChartUtils.drawAxisLayer(canvas, model);
|
||||
testAcesssibilityAttributes('axis-layer', {
|
||||
from: ChartUtils.formatChartDate(lowerDate),
|
||||
to: ChartUtils.formatChartDate(upperDate)
|
||||
});
|
||||
});
|
||||
|
||||
test('> drawLimits do not display limit', function() {
|
||||
ChartUtils.drawLimits(canvas, model);
|
||||
assert.isFalse(canvas.hasAttribute('data-l10n-id'));
|
||||
assert.isFalse(canvas.hasAttribute('data-l10n-args'));
|
||||
});
|
||||
|
||||
test('> drawLimits MB', function() {
|
||||
ChartUtils.drawLimits(canvas, model, true);
|
||||
testAcesssibilityAttributes('limit-layer-MB',
|
||||
{ value: model.limits.dataLimitValue });
|
||||
});
|
||||
|
||||
test('> drawLimits GB', function() {
|
||||
model.limits.dataLimitUnit = 'GB';
|
||||
ChartUtils.drawLimits(canvas, model, true);
|
||||
testAcesssibilityAttributes('limit-layer-GB',
|
||||
{ value: model.limits.dataLimitValue });
|
||||
});
|
||||
|
||||
test('> drawWarningLayer do no warning', function() {
|
||||
ChartUtils.drawWarningLayer(canvas, model);
|
||||
assert.isFalse(canvas.hasAttribute('data-l10n-id'));
|
||||
assert.isFalse(canvas.hasAttribute('data-l10n-args'));
|
||||
});
|
||||
|
||||
test('> drawWarningLayer limit warning', function() {
|
||||
model.limits.value = 10;
|
||||
model.data.mobile.total = 9;
|
||||
ChartUtils.drawWarningLayer(canvas, model);
|
||||
testAcesssibilityAttributes('warning-layer',
|
||||
{ value: Formatting.formatData(Formatting.roundData(1)) });
|
||||
});
|
||||
|
||||
test('> drawWarningLayer limit exceeded', function() {
|
||||
model.limits.value = 10;
|
||||
model.data.mobile.total = 11;
|
||||
ChartUtils.drawWarningLayer(canvas, model);
|
||||
testAcesssibilityAttributes('limit-exceeded-layer',
|
||||
{ value: Formatting.formatData(Formatting.roundData(1)) });
|
||||
});
|
||||
});
|
||||
});
|
||||
Loading…
Reference in a new issue