@ -9,7 +9,7 @@
* http : //www.opensource.org/licenses/MIT
* http : //www.opensource.org/licenses/MIT
* / * /
/*global window, describe, it, Blob */ /* global describe, it, Blob */
; ( function ( expect , loadImage ) { ; ( function ( expect , loadImage ) {
'use strict' 'use strict'
@ -21,7 +21,7 @@
'ovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5PKsAAA7' 'ovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5PKsAAA7'
var imageUrlGIF = 'data:image/gif;base64,' + b64DataGIF var imageUrlGIF = 'data:image/gif;base64,' + b64DataGIF
var blobGIF = canCreateBlob && window . dataURLtoBlob ( imageUrlGIF ) var blobGIF = canCreateBlob && window . dataURLtoBlob ( imageUrlGIF )
// 1x 2px JPEG (color white, with the Exif orientation flag set to 6):
// 2x1 px JPEG (color white, with the Exif orientation flag set to 6):
var b64DataJPEG = '/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAASUkqAAgAAA' + var b64DataJPEG = '/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAASUkqAAgAAA' +
'ABABIBAwABAAAABgASAAAAAAD/2wBDAAEBAQEBAQEBAQEBAQEB' + 'ABABIBAwABAAAABgASAAAAAAD/2wBDAAEBAQEBAQEBAQEBAQEB' +
'AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ' + 'AQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ' +
@ -59,43 +59,43 @@
var img = loadImage ( blobGIF , function ( ) { var img = loadImage ( blobGIF , function ( ) {
return return
} ) } )
expect ( img ) . to . be . an ( Object ) expect ( img ) . to . be . an . instanceOf ( Object )
expect ( img . onload ) . to . be . a ( 'function' ) expect ( img . onload ) . to . be . a ( 'function' )
expect ( img . onerror ) . to . be . a ( 'function' ) expect ( img . onerror ) . to . be . a ( 'function' )
} ) } )
it ( 'Load image url' , function ( done ) { it ( 'Load image url' , function ( done ) {
expect ( loadImage ( imageUrlGIF , function ( img ) { expect ( loadImage ( imageUrlGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} ) ) . to . be . ok ( ) } ) ) . to . be . ok
} ) } )
it ( 'Load image blob' , function ( done ) { it ( 'Load image blob' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} ) ) . to . be . ok ( ) } ) ) . to . be . ok
} ) } )
it ( 'Return image loading error to callback' , function ( done ) { it ( 'Return image loading error to callback' , function ( done ) {
expect ( loadImage ( '404' , function ( img ) { expect ( loadImage ( '404' , function ( img ) {
expect ( img ) . to . be . a ( window . Event ) expect ( img ) . to . be . an . instanceOf ( window . Event )
expect ( img . type ) . to . b e( 'error' ) expect ( img . type ) . to . equal ( 'error' )
done ( ) done ( )
} ) ) . to . be . ok ( ) } ) ) . to . be . ok
} ) } )
it ( 'Keep object URL if noRevoke is true' , function ( done ) { it ( 'Keep object URL if noRevoke is true' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
loadImage ( img . src , function ( img2 ) { loadImage ( img . src , function ( img2 ) {
expect ( img . width ) . to . b e( img2 . width ) expect ( img . width ) . to . equal ( img2 . width )
expect ( img . height ) . to . b e( img2 . height ) expect ( img . height ) . to . equal ( img2 . height )
done ( ) done ( )
} ) } )
} , { noRevoke : true } ) ) . to . be . ok ( ) } , { noRevoke : true } ) ) . to . be . ok
} ) } )
it ( 'Discard object URL if noRevoke is undefined or false' , function ( done ) { it ( 'Discard object URL if noRevoke is undefined or false' , function ( done ) {
@ -103,12 +103,12 @@
loadImage ( img . src , function ( img2 ) { loadImage ( img . src , function ( img2 ) {
if ( ! window . callPhantom ) { if ( ! window . callPhantom ) {
// revokeObjectUrl doesn't seem to have an effect in PhantomJS
// revokeObjectUrl doesn't seem to have an effect in PhantomJS
expect ( img2 ) . to . be . a ( window . Event ) expect ( img2 ) . to . be . an . instanceOf ( window . Event )
expect ( img2 . type ) . to . b e( 'error' ) expect ( img2 . type ) . to . equal ( 'error' )
} }
done ( ) done ( )
} ) } )
} ) ) . to . be . ok ( ) } ) ) . to . be . ok
} ) } )
} ) } )
@ -116,146 +116,146 @@
describe ( 'max/min' , function ( ) { describe ( 'max/min' , function ( ) {
it ( 'Scale to maxWidth' , function ( done ) { it ( 'Scale to maxWidth' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 30 ) expect ( img . height ) . to . equal ( 30 )
done ( ) done ( )
} , { maxWidth : 40 } ) ) . to . be . ok ( ) } , { maxWidth : 40 } ) ) . to . be . ok
} ) } )
it ( 'Scale to maxHeight' , function ( done ) { it ( 'Scale to maxHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 20 ) expect ( img . width ) . to . equal ( 20 )
expect ( img . height ) . to . b e( 15 ) expect ( img . height ) . to . equal ( 15 )
done ( ) done ( )
} , { maxHeight : 15 } ) ) . to . be . ok ( ) } , { maxHeight : 15 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minWidth' , function ( done ) { it ( 'Scale to minWidth' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { minWidth : 160 } ) ) . to . be . ok ( ) } , { minWidth : 160 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minHeight' , function ( done ) { it ( 'Scale to minHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 320 ) expect ( img . width ) . to . equal ( 320 )
expect ( img . height ) . to . b e( 240 ) expect ( img . height ) . to . equal ( 240 )
done ( ) done ( )
} , { minHeight : 240 } ) ) . to . be . ok ( ) } , { minHeight : 240 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minWidth but respect maxWidth' , function ( done ) { it ( 'Scale to minWidth but respect maxWidth' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { minWidth : 240 , maxWidth : 160 } ) ) . to . be . ok ( ) } , { minWidth : 240 , maxWidth : 160 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minHeight but respect maxHeight' , function ( done ) { it ( 'Scale to minHeight but respect maxHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { minHeight : 180 , maxHeight : 120 } ) ) . to . be . ok ( ) } , { minHeight : 180 , maxHeight : 120 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minWidth but respect maxHeight' , function ( done ) { it ( 'Scale to minWidth but respect maxHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { minWidth : 240 , maxHeight : 120 } ) ) . to . be . ok ( ) } , { minWidth : 240 , maxHeight : 120 } ) ) . to . be . ok
} ) } )
it ( 'Scale to minHeight but respect maxWidth' , function ( done ) { it ( 'Scale to minHeight but respect maxWidth' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { minHeight : 180 , maxWidth : 160 } ) ) . to . be . ok ( ) } , { minHeight : 180 , maxWidth : 160 } ) ) . to . be . ok
} ) } )
it ( 'Scale up with the given pixelRatio' , function ( done ) { it ( 'Scale up with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 320 ) expect ( img . width ) . to . equal ( 320 )
expect ( img . height ) . to . b e( 240 ) expect ( img . height ) . to . equal ( 240 )
expect ( img . style . width ) . to . b e( '160px' ) expect ( img . style . width ) . to . equal ( '160px' )
expect ( img . style . height ) . to . b e( '120px' ) expect ( img . style . height ) . to . equal ( '120px' )
done ( ) done ( )
} , { minWidth : 160 , canvas : true , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { minWidth : 160 , canvas : true , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Scale down with the given pixelRatio' , function ( done ) { it ( 'Scale down with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
expect ( img . style . width ) . to . b e( '40px' ) expect ( img . style . width ) . to . equal ( '40px' )
expect ( img . style . height ) . to . b e( '30px' ) expect ( img . style . height ) . to . equal ( '30px' )
done ( ) done ( )
} , { maxWidth : 40 , canvas : true , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { maxWidth : 40 , canvas : true , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Scale down with the given downsamplingRatio' , function ( done ) { it ( 'Scale down with the given downsamplingRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 20 ) expect ( img . width ) . to . equal ( 20 )
expect ( img . height ) . to . b e( 15 ) expect ( img . height ) . to . equal ( 15 )
done ( ) done ( )
} , { maxWidth : 20 , canvas : true , downsamplingRatio : 0.5 } ) ) . to . be . ok ( ) } , { maxWidth : 20 , canvas : true , downsamplingRatio : 0.5 } ) ) . to . be . ok
} ) } )
it ( 'Ignore max settings if image dimensions are smaller' , function ( done ) { it ( 'Ignore max settings if image dimensions are smaller' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { maxWidth : 160 , maxHeight : 120 } ) ) . to . be . ok ( ) } , { maxWidth : 160 , maxHeight : 120 } ) ) . to . be . ok
} ) } )
it ( 'Ignore min settings if image dimensions are larger' , function ( done ) { it ( 'Ignore min settings if image dimensions are larger' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { minWidth : 40 , minHeight : 30 } ) ) . to . be . ok ( ) } , { minWidth : 40 , minHeight : 30 } ) ) . to . be . ok
} ) } )
} ) } )
describe ( 'contain' , function ( ) { describe ( 'contain' , function ( ) {
it ( 'Scale up to contain image in max dimensions' , function ( done ) { it ( 'Scale up to contain image in max dimensions' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { maxWidth : 160 , maxHeight : 160 , contain : true } ) ) . to . be . ok ( ) } , { maxWidth : 160 , maxHeight : 160 , contain : true } ) ) . to . be . ok
} ) } )
it ( 'Scale down to contain image in max dimensions' , function ( done ) { it ( 'Scale down to contain image in max dimensions' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 30 ) expect ( img . height ) . to . equal ( 30 )
done ( ) done ( )
} , { maxWidth : 40 , maxHeight : 40 , contain : true } ) ) . to . be . ok ( ) } , { maxWidth : 40 , maxHeight : 40 , contain : true } ) ) . to . be . ok
} ) } )
} ) } )
describe ( 'cover' , function ( ) { describe ( 'cover' , function ( ) {
it ( 'Scale up to cover max dimensions with image dimensions' , function ( done ) { it ( 'Scale up to cover max dimensions with image dimensions' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 160 ) expect ( img . width ) . to . equal ( 160 )
expect ( img . height ) . to . b e( 120 ) expect ( img . height ) . to . equal ( 120 )
done ( ) done ( )
} , { maxWidth : 120 , maxHeight : 120 , cover : true } ) ) . to . be . ok ( ) } , { maxWidth : 120 , maxHeight : 120 , cover : true } ) ) . to . be . ok
} ) } )
it ( 'Scale down to cover max dimensions with image dimensions' , function ( done ) { it ( 'Scale down to cover max dimensions with image dimensions' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 30 ) expect ( img . height ) . to . equal ( 30 )
done ( ) done ( )
} , { maxWidth : 30 , maxHeight : 30 , cover : true } ) ) . to . be . ok ( ) } , { maxWidth : 30 , maxHeight : 30 , cover : true } ) ) . to . be . ok
} ) } )
} ) } )
} ) } )
@ -263,208 +263,219 @@
describe ( 'Cropping' , function ( ) { describe ( 'Cropping' , function ( ) {
it ( 'Crop to same values for maxWidth and maxHeight' , function ( done ) { it ( 'Crop to same values for maxWidth and maxHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 40 ) expect ( img . height ) . to . equal ( 40 )
done ( ) done ( )
} , { maxWidth : 40 , maxHeight : 40 , crop : true } ) ) . to . be . ok ( ) } , { maxWidth : 40 , maxHeight : 40 , crop : true } ) ) . to . be . ok
} ) } )
it ( 'Crop to different values for maxWidth and maxHeight' , function ( done ) { it ( 'Crop to different values for maxWidth and maxHeight' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { maxWidth : 40 , maxHeight : 60 , crop : true } ) ) . to . be . ok ( ) } , { maxWidth : 40 , maxHeight : 60 , crop : true } ) ) . to . be . ok
} ) } )
it ( 'Crop using the given sourceWidth and sourceHeight dimensions' , function ( done ) { it ( 'Crop using the given sourceWidth and sourceHeight dimensions' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 40 ) expect ( img . height ) . to . equal ( 40 )
done ( ) done ( )
} , { sourceWidth : 40 , sourceHeight : 40 , crop : true } ) ) . to . be . ok ( ) } , { sourceWidth : 40 , sourceHeight : 40 , crop : true } ) ) . to . be . ok
} ) } )
it ( 'Crop using the given left and top coordinates' , function ( done ) { it ( 'Crop using the given left and top coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 20 ) expect ( img . height ) . to . equal ( 20 )
done ( ) done ( )
} , { left : 40 , top : 40 , crop : true } ) ) . to . be . ok ( ) } , { left : 40 , top : 40 , crop : true } ) ) . to . be . ok
} ) } )
it ( 'Crop using the given right and bottom coordinates' , function ( done ) { it ( 'Crop using the given right and bottom coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 20 ) expect ( img . height ) . to . equal ( 20 )
done ( ) done ( )
} , { right : 40 , bottom : 40 , crop : true } ) ) . to . be . ok ( ) } , { right : 40 , bottom : 40 , crop : true } ) ) . to . be . ok
} ) } )
it ( 'Crop using the given 2:1 aspectRatio' , function ( done ) { it ( 'Crop using the given 2:1 aspectRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 40 ) expect ( img . height ) . to . equal ( 40 )
done ( ) done ( )
} , { aspectRatio : 2 } ) ) . to . be . ok ( ) } , { aspectRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Crop using the given 2:3 aspectRatio' , function ( done ) { it ( 'Crop using the given 2:3 aspectRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { aspectRatio : 2 / 3 } ) ) . to . be . ok ( ) } , { aspectRatio : 2 / 3 } ) ) . to . be . ok
} ) } )
it ( 'Crop using maxWidth/maxHeight with the given pixelRatio' , function ( done ) { it ( 'Crop using maxWidth/maxHeight with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 80 ) expect ( img . height ) . to . equal ( 80 )
expect ( img . style . width ) . to . b e( '40px' ) expect ( img . style . width ) . to . equal ( '40px' )
expect ( img . style . height ) . to . b e( '40px' ) expect ( img . style . height ) . to . equal ( '40px' )
done ( ) done ( )
} , { maxWidth : 40 , maxHeight : 40 , crop : true , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { maxWidth : 40 , maxHeight : 40 , crop : true , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Crop using sourceWidth/sourceHeight with the given pixelRatio' , function ( done ) { it ( 'Crop using sourceWidth/sourceHeight with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 80 ) expect ( img . height ) . to . equal ( 80 )
expect ( img . style . width ) . to . b e( '40px' ) expect ( img . style . width ) . to . equal ( '40px' )
expect ( img . style . height ) . to . b e( '40px' ) expect ( img . style . height ) . to . equal ( '40px' )
done ( ) done ( )
} , { sourceWidth : 40 , sourceHeight : 40 , crop : true , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { sourceWidth : 40 , sourceHeight : 40 , crop : true , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
} ) } )
describe ( 'Orientation' , function ( ) { describe ( 'Orientation' , function ( ) {
it ( 'Should keep the orientation' , function ( done ) { it ( 'Should keep the orientation' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 1 } ) ) . to . be . ok ( ) } , { orientation : 1 } ) ) . to . be . ok
} ) } )
it ( 'Should rotate left' , function ( done ) { it ( 'Should rotate left' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 60 ) expect ( img . width ) . to . equal ( 60 )
expect ( img . height ) . to . b e( 80 ) expect ( img . height ) . to . equal ( 80 )
done ( ) done ( )
} , { orientation : 8 } ) ) . to . be . ok ( ) } , { orientation : 8 } ) ) . to . be . ok
} ) } )
it ( 'Should rotate right' , function ( done ) { it ( 'Should rotate right' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 60 ) expect ( img . width ) . to . equal ( 60 )
expect ( img . height ) . to . b e( 80 ) expect ( img . height ) . to . equal ( 80 )
done ( ) done ( )
} , { orientation : 6 } ) ) . to . be . ok ( ) } , { orientation : 6 } ) ) . to . be . ok
} ) } )
it ( 'Should adjust constraints to new coordinates' , function ( done ) { it ( 'Should adjust constraints to new coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 60 ) expect ( img . width ) . to . equal ( 60 )
expect ( img . height ) . to . b e( 80 ) expect ( img . height ) . to . equal ( 80 )
done ( ) done ( )
} , { orientation : 6 , maxWidth : 60 , maxHeight : 80 } ) ) . to . be . ok ( ) } , { orientation : 6 , maxWidth : 60 , maxHeight : 80 } ) ) . to . be . ok
} ) } )
it ( 'Should adjust left and top to new coordinates' , function ( done ) { it ( 'Should adjust left and top to new coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 30 ) expect ( img . width ) . to . equal ( 30 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 5 , left : 30 , top : 20 } ) ) . to . be . ok ( ) } , { orientation : 5 , left : 30 , top : 20 } ) ) . to . be . ok
} ) } )
it ( 'Should adjust right and bottom to new coordinates' , function ( done ) { it ( 'Should adjust right and bottom to new coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 30 ) expect ( img . width ) . to . equal ( 30 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 5 , right : 30 , bottom : 20 } ) ) . to . be . ok ( ) } , { orientation : 5 , right : 30 , bottom : 20 } ) ) . to . be . ok
} ) } )
it ( 'Should adjust left and bottom to new coordinates' , function ( done ) { it ( 'Should adjust left and bottom to new coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 30 ) expect ( img . width ) . to . equal ( 30 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 7 , left : 30 , bottom : 20 } ) ) . to . be . ok ( ) } , { orientation : 7 , left : 30 , bottom : 20 } ) ) . to . be . ok
} ) } )
it ( 'Should adjust right and top to new coordinates' , function ( done ) { it ( 'Should adjust right and top to new coordinates' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 30 ) expect ( img . width ) . to . equal ( 30 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 7 , right : 30 , top : 20 } ) ) . to . be . ok ( ) } , { orientation : 7 , right : 30 , top : 20 } ) ) . to . be . ok
} ) } )
it ( 'Should rotate left with the given pixelRatio' , function ( done ) { it ( 'Should rotate left with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 120 ) expect ( img . width ) . to . equal ( 120 )
expect ( img . height ) . to . b e( 160 ) expect ( img . height ) . to . equal ( 160 )
expect ( img . style . width ) . to . b e( '60px' ) expect ( img . style . width ) . to . equal ( '60px' )
expect ( img . style . height ) . to . b e( '80px' ) expect ( img . style . height ) . to . equal ( '80px' )
done ( ) done ( )
} , { orientation : 8 , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { orientation : 8 , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Should rotate right with the given pixelRatio' , function ( done ) { it ( 'Should rotate right with the given pixelRatio' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 120 ) expect ( img . width ) . to . equal ( 120 )
expect ( img . height ) . to . b e( 160 ) expect ( img . height ) . to . equal ( 160 )
expect ( img . style . width ) . to . b e( '60px' ) expect ( img . style . width ) . to . equal ( '60px' )
expect ( img . style . height ) . to . b e( '80px' ) expect ( img . style . height ) . to . equal ( '80px' )
done ( ) done ( )
} , { orientation : 6 , pixelRatio : 2 } ) ) . to . be . ok ( ) } , { orientation : 6 , pixelRatio : 2 } ) ) . to . be . ok
} ) } )
it ( 'Should ignore too small orientation value' , function ( done ) { it ( 'Should ignore too small orientation value' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : - 1 } ) ) . to . be . ok ( ) } , { orientation : - 1 } ) ) . to . be . ok
} ) } )
it ( 'Should ignore too large orientation value' , function ( done ) { it ( 'Should ignore too large orientation value' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . width ) . to . b e( 80 ) expect ( img . width ) . to . equal ( 80 )
expect ( img . height ) . to . b e( 60 ) expect ( img . height ) . to . equal ( 60 )
done ( ) done ( )
} , { orientation : 9 } ) ) . to . be . ok ( ) } , { orientation : 9 } ) ) . to . be . ok
} )
it ( 'Should rotate right based on the exif orientation value' , function ( done ) {
expect ( loadImage ( blobJPEG , function ( img , data ) {
expect ( data ) . to . be . ok
expect ( data . exif ) . to . be . ok
expect ( data . exif . get ( 'Orientation' ) ) . to . equal ( 6 )
expect ( img . width ) . to . equal ( 1 )
expect ( img . height ) . to . equal ( 2 )
done ( )
} , { orientation : true } ) ) . to . be . ok
} ) } )
} ) } )
describe ( 'Canvas' , function ( ) { describe ( 'Canvas' , function ( ) {
it ( 'Return img element to callback if canvas is not true' , function ( done ) { it ( 'Return img element to callback if canvas is not true' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . getContext ) . to . not . be . ok ( ) expect ( img . getContext ) . to . not . be . ok
expect ( img . nodeName . toLowerCase ( ) ) . to . be ( 'img' ) expect ( img . nodeName . toLowerCase ( ) ) . to . equal ( 'img' )
done ( ) done ( )
} ) ) . to . be . ok ( ) } ) ) . to . be . ok
} ) } )
it ( 'Return canvas element to callback if canvas is true' , function ( done ) { it ( 'Return canvas element to callback if canvas is true' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . getContext ) . to . be . ok ( ) expect ( img . getContext ) . to . be . ok
expect ( img . nodeName . toLowerCase ( ) ) . to . b e( 'canvas' ) expect ( img . nodeName . toLowerCase ( ) ) . to . equal ( 'canvas' )
done ( ) done ( )
} , { canvas : true } ) ) . to . be . ok ( ) } , { canvas : true } ) ) . to . be . ok
} ) } )
it ( 'Return scaled canvas element to callback' , function ( done ) { it ( 'Return scaled canvas element to callback' , function ( done ) {
expect ( loadImage ( blobGIF , function ( img ) { expect ( loadImage ( blobGIF , function ( img ) {
expect ( img . getContext ) . to . be . ok ( ) expect ( img . getContext ) . to . be . ok
expect ( img . nodeName . toLowerCase ( ) ) . to . b e( 'canvas' ) expect ( img . nodeName . toLowerCase ( ) ) . to . equal ( 'canvas' )
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 30 ) expect ( img . height ) . to . equal ( 30 )
done ( ) done ( )
} , { canvas : true , maxWidth : 40 } ) ) . to . be . ok ( ) } , { canvas : true , maxWidth : 40 } ) ) . to . be . ok
} ) } )
it ( 'Accept a canvas element as parameter for loadImage.scale' , function ( done ) { it ( 'Accept a canvas element as parameter for loadImage.scale' , function ( done ) {
@ -472,39 +483,49 @@
img = loadImage . scale ( img , { img = loadImage . scale ( img , {
maxWidth : 40 maxWidth : 40
} ) } )
expect ( img . getContext ) . to . be . ok ( ) expect ( img . getContext ) . to . be . ok
expect ( img . nodeName . toLowerCase ( ) ) . to . b e( 'canvas' ) expect ( img . nodeName . toLowerCase ( ) ) . to . equal ( 'canvas' )
expect ( img . width ) . to . b e( 40 ) expect ( img . width ) . to . equal ( 40 )
expect ( img . height ) . to . b e( 30 ) expect ( img . height ) . to . equal ( 30 )
done ( ) done ( )
} , { canvas : true } ) ) . to . be . ok ( ) } , { canvas : true } ) ) . to . be . ok
} ) } )
} ) } )
describe ( 'Metadata' , function ( ) { describe ( 'Metadata' , function ( ) {
it ( 'Should parse Exif information' , function ( done ) { it ( 'Should parse Exif information' , function ( done ) {
loadImage . parseMetaData ( blobJPEG , function ( data ) { loadImage . parseMetaData ( blobJPEG , function ( data ) {
expect ( data . exif ) . to . be . ok ( ) expect ( data . exif ) . to . be . ok
expect ( data . exif . get ( 'Orientation' ) ) . to . b e( 6 ) expect ( data . exif . get ( 'Orientation' ) ) . to . equal ( 6 )
done ( ) done ( )
} ) } )
} ) } )
it ( 'Should parse the complete image head' , function ( done ) { it ( 'Should parse the complete image head' , function ( done ) {
loadImage . parseMetaData ( blobJPEG , function ( data ) { loadImage . parseMetaData ( blobJPEG , function ( data ) {
expect ( data . imageHead ) . to . be . ok ( ) expect ( data . imageHead ) . to . be . ok
loadImage . parseMetaData ( loadImage . parseMetaData (
createBlob ( data . imageHead , 'image/jpeg' ) , createBlob ( data . imageHead , 'image/jpeg' ) ,
function ( data ) { function ( data ) {
expect ( data . exif ) . to . be . ok ( ) expect ( data . exif ) . to . be . ok
expect ( data . exif . get ( 'Orientation' ) ) . to . b e( 6 ) expect ( data . exif . get ( 'Orientation' ) ) . to . equal ( 6 )
done ( ) done ( )
} }
) )
} ) } )
} ) } )
it ( 'Should parse meta data automatically' , function ( done ) {
expect ( loadImage ( blobJPEG , function ( img , data ) {
expect ( data ) . to . be . ok
expect ( data . imageHead ) . to . be . ok
expect ( data . exif ) . to . be . ok
expect ( data . exif . get ( 'Orientation' ) ) . to . equal ( 6 )
done ( )
} , { meta : true } ) ) . to . be . ok
} )
} ) } )
} ( } (
this . expect , this . chai . expect ,
this . loadImage this . loadImage
) ) ) )
jmontoyaa
9 years ago