test-dependencies-async.html (1885B)
1 <!doctype html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="utf-8"> 6 7 <title>reveal.js - Test Async Dependencies</title> 8 9 <link rel="stylesheet" href="../css/reveal.css"> 10 <link rel="stylesheet" href="qunit-2.5.0.css"> 11 </head> 12 13 <body style="overflow: auto;"> 14 15 <div id="qunit"></div> 16 <div id="qunit-fixture"></div> 17 18 <div class="reveal" style="display: none;"> 19 20 <div class="slides"> 21 22 <section>Slide content</section> 23 24 </div> 25 26 </div> 27 28 <script src="../js/reveal.js"></script> 29 <script src="qunit-2.5.0.js"></script> 30 31 <script> 32 var externalScriptSequence = ''; 33 var scriptCount = 0; 34 35 QUnit.config.autostart = false; 36 QUnit.module( 'Async Dependencies' ); 37 38 QUnit.test( 'Async scripts are loaded', function( assert ) { 39 assert.expect( 5 ); 40 var done = assert.async( 5 ); 41 42 function callback( event ) { 43 if( externalScriptSequence.length === 1 ) { 44 assert.ok( externalScriptSequence === 'A', 'first callback was sync script' ); 45 done(); 46 } 47 else { 48 assert.ok( true, 'async script loaded' ); 49 done(); 50 } 51 52 if( externalScriptSequence.length === 4 ) { 53 assert.ok( externalScriptSequence.indexOf( 'A' ) !== -1 && 54 externalScriptSequence.indexOf( 'B' ) !== -1 && 55 externalScriptSequence.indexOf( 'C' ) !== -1 && 56 externalScriptSequence.indexOf( 'D' ) !== -1, 'four unique scripts were loaded' ); 57 done(); 58 } 59 60 scriptCount ++; 61 } 62 63 Reveal.initialize({ 64 dependencies: [ 65 { src: 'assets/external-script-a.js', async: false, callback: callback }, 66 { src: 'assets/external-script-b.js', async: true, callback: callback }, 67 { src: 'assets/external-script-c.js', async: true, callback: callback }, 68 { src: 'assets/external-script-d.js', async: true, callback: callback } 69 ] 70 }); 71 }); 72 73 QUnit.start(); 74 75 </script> 76 77 </body> 78 </html>