aboutsummaryrefslogtreecommitdiff
path: root/static/presentations/2021-11-13/garage/test/test-plugins.html
diff options
context:
space:
mode:
Diffstat (limited to 'static/presentations/2021-11-13/garage/test/test-plugins.html')
-rw-r--r--static/presentations/2021-11-13/garage/test/test-plugins.html107
1 files changed, 107 insertions, 0 deletions
diff --git a/static/presentations/2021-11-13/garage/test/test-plugins.html b/static/presentations/2021-11-13/garage/test/test-plugins.html
new file mode 100644
index 0000000..7d1a0f9
--- /dev/null
+++ b/static/presentations/2021-11-13/garage/test/test-plugins.html
@@ -0,0 +1,107 @@
+<!doctype html>
+<html lang="en">
+
+ <head>
+ <meta charset="utf-8">
+
+ <title>reveal.js - Test Plugins</title>
+
+ <link rel="stylesheet" href="../dist/reveal.css">
+ <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css">
+ <script src="../node_modules/qunit/qunit/qunit.js"></script>
+ </head>
+
+ <body style="overflow: auto;">
+
+ <div id="qunit"></div>
+ <div id="qunit-fixture"></div>
+
+ <div class="reveal" style="display: none;">
+
+ <div class="slides">
+
+ <section>Slide content</section>
+
+ </div>
+
+ </div>
+
+ <script src="../dist/reveal.js"></script>
+ <script>
+
+ QUnit.module( 'Plugins' );
+
+ var initCounter = { PluginB: 0, PluginC: 0, PluginD: 0 };
+
+ // Plugin with no init method
+ var PluginA = { id: 'PluginA' };
+
+ // Plugin with init method
+ var PluginB = { id: 'PluginB', init: function() {
+ initCounter['PluginB'] += 1;
+ } };
+
+ // Async plugin with init method
+ var PluginC = { id: 'PluginC', init: function() {
+ return new Promise(function( resolve ) {
+ setTimeout( () => {
+ initCounter['PluginC'] += 1;
+ resolve();
+ }, 1000 );
+ });
+ } };
+
+ // Plugin initialized after reveal.js is ready
+ var PluginD = { id: 'PluginD', init: function() {
+ initCounter['PluginD'] += 1;
+ } };
+
+ var PluginE = { id: 'PluginE' };
+
+ var reveal = new Reveal( document.querySelector( '.reveal' ), {
+ plugins: [ PluginA ]
+ } );
+
+ reveal.registerPlugin( PluginB );
+ reveal.registerPlugin( PluginC );
+
+ reveal.initialize();
+
+ QUnit.test( 'Can initialize synchronously', function( assert ) {
+ assert.strictEqual( initCounter['PluginB'], 1 );
+
+ reveal.registerPlugin( PluginB );
+
+ assert.strictEqual( initCounter['PluginB'], 1, 'prevents duplicate registration' );
+ });
+
+ QUnit.test( 'Can initialize asynchronously', function( assert ) {
+ assert.expect( 3 );
+ var done = assert.async( 2 );
+
+ assert.strictEqual( initCounter['PluginC'], 0, 'async plugin not immediately initialized' );
+
+ reveal.on( 'ready', function() {
+ assert.strictEqual( initCounter['PluginC'], 1, 'finsihed initializing when reveal.js dispatches "ready"' );
+ done();
+
+ reveal.registerPlugin( PluginD );
+ assert.strictEqual( initCounter['PluginD'], 1, 'plugin registered after reveal.js is ready still initiailizes' );
+ done();
+ });
+ } );
+
+ QUnit.test( 'Can check if plugin is registered', function( assert ) {
+ assert.strictEqual( reveal.hasPlugin( 'PluginA' ), true );
+ assert.strictEqual( reveal.hasPlugin( 'PluginE' ), false );
+ reveal.registerPlugin( PluginE );
+ assert.strictEqual( reveal.hasPlugin( 'PluginE' ), true );
+ } );
+
+ QUnit.test( 'Can retrieve plugin instance', function( assert ) {
+ assert.strictEqual( reveal.getPlugin( 'PluginB' ), PluginB );
+ } );
+ </script>
+
+ </body>
+</html>