diff --git a/plugins/image/popcorn.image.unit.js b/plugins/image/popcorn.image.unit.js index 3d31a10d..aadd3beb 100644 --- a/plugins/image/popcorn.image.unit.js +++ b/plugins/image/popcorn.image.unit.js @@ -1,9 +1,14 @@ test("Popcorn Image Plugin", function () { var popped = Popcorn( "#video" ), - expects = 5, + expects = 8, count = 0, - imagediv = document.getElementById( "imagediv" ); + imagediv = document.getElementById( "imagediv" ), + sources = [ + "https://www.drumbeat.org/media//images/drumbeat-logo-splash.png", + "http://www.petmountain.com/category/mini/organic-dog-supplies/520/organic-dog-supplies.jpg", + "http://www.botskool.com/sites/default/files/images/javascript.png" + ]; expect( expects ); @@ -27,22 +32,48 @@ test("Popcorn Image Plugin", function () { // seconds end: 3, href: "http://www.drumbeat.org/", - src: "https://www.drumbeat.org/media//images/drumbeat-logo-splash.png", + src: sources[0], text: "DRUMBEAT", target: "imagediv" + }) + .image({ + // seconds + start: 4, + // seconds + end: 6, + // no href + src: sources[1], + target: "imagediv" + }) + .image({ + // seconds + start: 4, + // seconds + end: 6, + // no href + src: sources[2], + target: "imagediv" }); popped.exec( 2, function() { - ok( /display: block;/.test( imagediv.innerHTML ), "Div contents are displayed" ); - plus(); - ok( /img/.test( imagediv.innerHTML ), "An image exists" ); - plus(); + ok( /display: block;/.test( imagediv.innerHTML ), "Div contents are displayed" ); + plus(); + ok( /img/.test( imagediv.innerHTML ), "An image exists" ); + plus(); }); popped.exec( 4, function() { - ok( /display: none;/.test( imagediv.innerHTML ), "Div contents are hidden again" ); - plus(); + ok( /display: none;/.test( imagediv.innerHTML ), "Div contents are hidden again" ); + plus(); }); - + + popped.exec( 5, function() { + [].forEach.call( document.querySelectorAll( "#imagediv a img" ), function( img, idx ) { + alert(idx); + ok( img.src === sources[ idx ], "Image " + idx + " is in the right order" ); + plus(); + }); + }); + popped.volume( 0 ).play(); });