1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
'use strict';
requireApp('system/test/unit/mock_settings_listener.js');
requireApp('system/test/unit/mocks_helper.js');
requireApp('system/test/unit/mock_l10n.js');
requireApp('system/js/lockscreen.js');
var mocksForStatusBar = ['SettingsListener'];
mocksForStatusBar.forEach(function(mockName) {
if (! window[mockName]) {
window[mockName] = null;
}
});
suite('lockscreen', function() {
var mocksHelper;
var realSettingsListener, realMozL10n;
var fakeLockscreenPanel;
var red_png, green_png;
suiteSetup(function() {
mocksHelper = new MocksHelper(mocksForStatusBar);
mocksHelper.suiteSetup();
realMozL10n = navigator.mozL10n;
navigator.mozL10n = MockL10n;
red_png =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAHgAQMAAADuQiYHAAAAA1BMVEX/AAAZ4gk3AAAAKUlEQVR4Xu3AMQEAAADCIPuntsROWAQAAAAAAAAAAAAAAAAAAAAAAADgTOAAAZXle7kAAAAASUVORK5CYII=';
green_png =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAHgAQMAAAAlmcL5AAAAA1BMVEUAgACc+aWRAAAAKUlEQVR4Xu3BMQEAAADCoPVPbQ0PoAAAAAAAAAAAAAAAAAAAAAAAAL4MSSAAAZTTyRkAAAAASUVORK5CYII=';
});
suiteTeardown(function() {
mocksHelper.suiteTeardown();
navigator.mozL10n = realMozL10n;
});
setup(function() {
fakeLockscreenPanel = document.createElement('div');
fakeLockscreenPanel.classList.add('lockscreen-panel');
fakeLockscreenPanel.setAttribute('data-wallpaper', '');
document.body.appendChild(fakeLockscreenPanel);
mocksHelper.setup();
});
teardown(function() {
fakeLockscreenPanel.parentNode.removeChild(fakeLockscreenPanel);
mocksHelper.teardown();
});
test('wallpaper has vignette effect', function(done) {
LockScreen.updateBackground(red_png);
(function checkCanvas() {
var canvas = fakeLockscreenPanel.getElementsByTagName('canvas')[0];
if (!canvas) {
setTimeout(checkCanvas, 10);
return;
}
var ctx = canvas.getContext('2d');
var top_pixel = ctx.getImageData(0, 0, 1, 1).data;
assert.equal(top_pixel[0], 77);
assert.equal(top_pixel[1], 0);
assert.equal(top_pixel[2], 0);
var center_width = Math.floor(canvas.width / 2);
var center_height = Math.floor(canvas.height / 2);
var center_pixel = ctx.getImageData(center_width, center_height,
1 , 1).data;
assert.equal(center_pixel[0], 251);
assert.equal(center_pixel[1], 0);
assert.equal(center_pixel[2], 0);
done();
})();
});
test('multiple wallpaper updates only keep one canvas', function(done) {
function waitFirstUpdate(callback) {
var first_canvas = fakeLockscreenPanel.getElementsByTagName('canvas')[0];
if (!first_canvas) {
setTimeout(waitFirstUpdate, 10, callback);
return;
}
setTimeout(callback, 10);
}
function waitSecondUpdate(callback) {
var second_canvas = fakeLockscreenPanel.getElementsByTagName('canvas')[0];
var ctx = second_canvas.getContext('2d');
var top_pixel = ctx.getImageData(0, 0, 1, 1).data;
// Canvas is not green yet
if (top_pixel[1] == 0) {
setTimeout(waitSecondUpdate, 10, callback);
return;
}
setTimeout(callback, 10);
}
LockScreen.updateBackground(red_png);
setTimeout(waitFirstUpdate, 10, function then() {
LockScreen.updateBackground(green_png);
setTimeout(waitSecondUpdate, 10, function then2() {
assert.equal(fakeLockscreenPanel.getElementsByTagName('canvas').length, 1);
done();
});
});
});
});
|