b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
316 lines
9.8 KiB
JavaScript
Executable file
316 lines
9.8 KiB
JavaScript
Executable file
/* 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)) });
|
|
});
|
|
});
|
|
});
|