Skip to content

Commit e6f20ab

Browse files
blueimpblueimp
committed
Added meta data tests.
1 parent 6fe3dc9 commit e6f20ab

File tree

1 file changed

+80
-30
lines changed

1 file changed

+80
-30
lines changed

‎test/test.js‎

Lines changed: 80 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -9,37 +9,61 @@
99
* http://www.opensource.org/licenses/MIT
1010
*/
1111

12-
/*global window, describe, it, expect */
12+
/*global window, describe, it, expect, Blob */
1313

1414
(function (expect, loadImage) {
1515
'use strict';
1616

17-
// 80x60px GIF image (color black, base64 data):
18-
var b64Data = 'R0lGODdhUAA8AIABAAAAAP///ywAAAAAUAA8AAACS4SPqcvtD6' +
17+
var canCreateBlob = !!window.dataURLtoBlob,
18+
// 80x60px GIF image (color black, base64 data):
19+
b64DataGIF = 'R0lGODdhUAA8AIABAAAAAP///ywAAAAAUAA8AAACS4SPqcvtD6' +
1920
'OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofE' +
2021
'ovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5PKsAAA7',
21-
imageUrl = 'data:image/gif;base64,' + b64Data,
22-
blob = window.dataURLtoBlob && window.dataURLtoBlob(imageUrl);
22+
imageUrlGIF = 'data:image/gif;base64,' + b64DataGIF,
23+
blobGIF = canCreateBlob && window.dataURLtoBlob(imageUrlGIF),
24+
// 1x2px JPEG (color white, with the Exif orientation flag set to 6):
25+
b64DataJPEG = '/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAASUkqAAgAAA' +
26+
'ABABIBAwABAAAABgASAAAAAAD/2wBDAAEBAQEBAQEBAQEBAQEB' +
27+
'AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ' +
28+
'EBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEB' +
29+
'AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ' +
30+
'EBAQEBAQH/wAARCAABAAIDASIAAhEBAxEB/8QAHwAAAQUBAQEB' +
31+
'AQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBA' +
32+
'QAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAk' +
33+
'M2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1' +
34+
'hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKj' +
35+
'pKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+' +
36+
'Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAA' +
37+
'AAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAx' +
38+
'EEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl' +
39+
'8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2' +
40+
'hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmq' +
41+
'srO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8v' +
42+
'P09fb3+Pn6/9oADAMBAAIRAxEAPwD+/iiiigD/2Q==',
43+
imageUrlJPEG = 'data:image/jpeg;base64,' + b64DataJPEG,
44+
blobJPEG = canCreateBlob && window.dataURLtoBlob(imageUrlJPEG);
2345

2446
describe('Loading', function () {
2547

2648
it('Return the img element or FileReader object to allow aborting the image load', function () {
27-
var img = loadImage(blob, function () {});
49+
var img = loadImage(blobGIF, function () {
50+
return;
51+
});
2852
expect(img).to.be.an(Object);
2953
expect(img.onload).to.be.a('function');
3054
expect(img.onerror).to.be.a('function');
3155
});
3256

3357
it('Load image url', function (done) {
34-
expect(loadImage(imageUrl, function (img) {
58+
expect(loadImage(imageUrlGIF, function (img) {
3559
done();
3660
expect(img.width).to.be(80);
3761
expect(img.height).to.be(60);
3862
})).to.be.ok();
3963
});
4064

4165
it('Load image blob', function (done) {
42-
expect(loadImage(blob, function (img) {
66+
expect(loadImage(blobGIF, function (img) {
4367
done();
4468
expect(img.width).to.be(80);
4569
expect(img.height).to.be(60);
@@ -55,7 +79,7 @@
5579
});
5680

5781
it('Keep object URL if options.noRevoke is true', function (done) {
58-
expect(loadImage(blob, function (img) {
82+
expect(loadImage(blobGIF, function (img) {
5983
loadImage(img.src, function (img2) {
6084
done();
6185
expect(img.width).to.be(img2.width);
@@ -65,7 +89,7 @@
6589
});
6690

6791
it('Discard object URL if options.noRevoke is undefined or false', function (done) {
68-
expect(loadImage(blob, function (img) {
92+
expect(loadImage(blobGIF, function (img) {
6993
loadImage(img.src, function (img2) {
7094
done();
7195
expect(img2).to.be.a(window.Event);
@@ -79,79 +103,79 @@
79103
describe('Scaling', function () {
80104

81105
it('Scale to options.maxWidth', function (done) {
82-
expect(loadImage(blob, function (img) {
106+
expect(loadImage(blobGIF, function (img) {
83107
done();
84108
expect(img.width).to.be(40);
85109
expect(img.height).to.be(30);
86110
}, {maxWidth: 40})).to.be.ok();
87111
});
88112

89113
it('Scale to options.maxHeight', function (done) {
90-
expect(loadImage(blob, function (img) {
114+
expect(loadImage(blobGIF, function (img) {
91115
done();
92116
expect(img.width).to.be(20);
93117
expect(img.height).to.be(15);
94118
}, {maxHeight: 15})).to.be.ok();
95119
});
96120

97121
it('Scale to options.minWidth', function (done) {
98-
expect(loadImage(blob, function (img) {
122+
expect(loadImage(blobGIF, function (img) {
99123
done();
100124
expect(img.width).to.be(160);
101125
expect(img.height).to.be(120);
102126
}, {minWidth: 160})).to.be.ok();
103127
});
104128

105129
it('Scale to options.minHeight', function (done) {
106-
expect(loadImage(blob, function (img) {
130+
expect(loadImage(blobGIF, function (img) {
107131
done();
108132
expect(img.width).to.be(320);
109133
expect(img.height).to.be(240);
110134
}, {minHeight: 240})).to.be.ok();
111135
});
112136

113137
it('Scale to options.minWidth but respect options.maxWidth', function (done) {
114-
expect(loadImage(blob, function (img) {
138+
expect(loadImage(blobGIF, function (img) {
115139
done();
116140
expect(img.width).to.be(160);
117141
expect(img.height).to.be(120);
118142
}, {minWidth: 240, maxWidth: 160})).to.be.ok();
119143
});
120144

121145
it('Scale to options.minHeight but respect options.maxHeight', function (done) {
122-
expect(loadImage(blob, function (img) {
146+
expect(loadImage(blobGIF, function (img) {
123147
done();
124148
expect(img.width).to.be(160);
125149
expect(img.height).to.be(120);
126150
}, {minHeight: 180, maxHeight: 120})).to.be.ok();
127151
});
128152

129153
it('Scale to options.minWidth but respect options.maxHeight', function (done) {
130-
expect(loadImage(blob, function (img) {
154+
expect(loadImage(blobGIF, function (img) {
131155
done();
132156
expect(img.width).to.be(160);
133157
expect(img.height).to.be(120);
134158
}, {minWidth: 240, maxHeight: 120})).to.be.ok();
135159
});
136160

137161
it('Scale to options.minHeight but respect options.maxWidth', function (done) {
138-
expect(loadImage(blob, function (img) {
162+
expect(loadImage(blobGIF, function (img) {
139163
done();
140164
expect(img.width).to.be(160);
141165
expect(img.height).to.be(120);
142166
}, {minHeight: 180, maxWidth: 160})).to.be.ok();
143167
});
144168

145169
it('Do not scale to max settings without min settings', function (done) {
146-
expect(loadImage(blob, function (img) {
170+
expect(loadImage(blobGIF, function (img) {
147171
done();
148172
expect(img.width).to.be(80);
149173
expect(img.height).to.be(60);
150174
}, {maxWidth: 160, maxHeight: 120})).to.be.ok();
151175
});
152176

153177
it('Do not scale to min settings without max settings', function (done) {
154-
expect(loadImage(blob, function (img) {
178+
expect(loadImage(blobGIF, function (img) {
155179
done();
156180
expect(img.width).to.be(80);
157181
expect(img.height).to.be(60);
@@ -164,15 +188,15 @@
164188
describe('Cropping', function () {
165189

166190
it('Crop to same values for options.maxWidth and options.maxHeight', function (done) {
167-
expect(loadImage(blob, function (img) {
191+
expect(loadImage(blobGIF, function (img) {
168192
done();
169193
expect(img.width).to.be(40);
170194
expect(img.height).to.be(40);
171195
}, {maxWidth: 40, maxHeight: 40, crop: true})).to.be.ok();
172196
});
173197

174198
it('Crop to different values for options.maxWidth and options.maxHeight', function (done) {
175-
expect(loadImage(blob, function (img) {
199+
expect(loadImage(blobGIF, function (img) {
176200
done();
177201
expect(img.width).to.be(40);
178202
expect(img.height).to.be(60);
@@ -184,31 +208,31 @@
184208
describe('Orientation', function () {
185209

186210
it('Should keep the orientation', function (done) {
187-
expect(loadImage(blob, function (img) {
211+
expect(loadImage(blobGIF, function (img) {
188212
done();
189213
expect(img.width).to.be(80);
190214
expect(img.height).to.be(60);
191215
}, {orientation: 1})).to.be.ok();
192216
});
193217

194218
it('Should rotate right', function (done) {
195-
expect(loadImage(blob, function (img) {
219+
expect(loadImage(blobGIF, function (img) {
196220
done();
197221
expect(img.width).to.be(60);
198222
expect(img.height).to.be(80);
199223
}, {orientation: 6})).to.be.ok();
200224
});
201225

202226
it('Should rotate left', function (done) {
203-
expect(loadImage(blob, function (img) {
227+
expect(loadImage(blobGIF, function (img) {
204228
done();
205229
expect(img.width).to.be(60);
206230
expect(img.height).to.be(80);
207231
}, {orientation: 8})).to.be.ok();
208232
});
209233

210234
it('Should adjust constraints to new coordinates', function (done) {
211-
expect(loadImage(blob, function (img) {
235+
expect(loadImage(blobGIF, function (img) {
212236
done();
213237
expect(img.width).to.be(60);
214238
expect(img.height).to.be(80);
@@ -220,23 +244,23 @@
220244
describe('Canvas', function () {
221245

222246
it('Return img element to callback if options.canvas is not true', function (done) {
223-
expect(loadImage(blob, function (img) {
247+
expect(loadImage(blobGIF, function (img) {
224248
done();
225249
expect(img.getContext).to.not.be.ok();
226250
expect(img.nodeName.toLowerCase()).to.be('img');
227251
})).to.be.ok();
228252
});
229253

230254
it('Return canvas element to callback if options.canvas is true', function (done) {
231-
expect(loadImage(blob, function (img) {
255+
expect(loadImage(blobGIF, function (img) {
232256
done();
233257
expect(img.getContext).to.be.ok();
234258
expect(img.nodeName.toLowerCase()).to.be('canvas');
235259
}, {canvas: true})).to.be.ok();
236260
});
237261

238262
it('Return scaled canvas element to callback', function (done) {
239-
expect(loadImage(blob, function (img) {
263+
expect(loadImage(blobGIF, function (img) {
240264
done();
241265
expect(img.getContext).to.be.ok();
242266
expect(img.nodeName.toLowerCase()).to.be('canvas');
@@ -246,7 +270,7 @@
246270
});
247271

248272
it('Accept a canvas element as parameter for loadImage.scale', function (done) {
249-
expect(loadImage(blob, function (img) {
273+
expect(loadImage(blobGIF, function (img) {
250274
done();
251275
img = loadImage.scale(img, {
252276
maxWidth: 40
@@ -260,6 +284,32 @@
260284

261285
});
262286

287+
describe('Metadata', function () {
288+
289+
it('Should parse Exif information', function (done) {
290+
loadImage.parseMetaData(blobJPEG, function (data) {
291+
done();
292+
expect(data.exif).to.be.ok();
293+
expect(data.exif.get('Orientation')).to.be(6);
294+
});
295+
});
296+
297+
it('Should parse the complete image head', function (done) {
298+
loadImage.parseMetaData(blobJPEG, function (data) {
299+
expect(data.imageHead).to.be.ok();
300+
loadImage.parseMetaData(
301+
new Blob([data.imageHead], {type: 'image/jpeg'}),
302+
function (data) {
303+
done();
304+
expect(data.exif).to.be.ok();
305+
expect(data.exif.get('Orientation')).to.be(6);
306+
}
307+
);
308+
});
309+
});
310+
311+
});
312+
263313
}(
264314
this.expect,
265315
this.loadImage

0 commit comments

Comments
 (0)