aboutsummaryrefslogtreecommitdiff
path: root/test/test-multiple-instances-es5.html
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2020-04-17 10:59:55 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2020-04-17 10:59:55 +0200
commit4f6bdf1420cc9e7bf971881c3af0606df6b31382 (patch)
treed3ae6bccd3ef7774cf0567c8734448d334506460 /test/test-multiple-instances-es5.html
parentd9690462e0e3818a7741a8710bb721f4380009e1 (diff)
downloadfosdem-2021-minimalism-presentation-4f6bdf1420cc9e7bf971881c3af0606df6b31382.tar
fosdem-2021-minimalism-presentation-4f6bdf1420cc9e7bf971881c3af0606df6b31382.tar.gz
two js bundles; reveal.js (es6) and reveal.es5.js, add source maps
Diffstat (limited to 'test/test-multiple-instances-es5.html')
-rw-r--r--test/test-multiple-instances-es5.html76
1 files changed, 76 insertions, 0 deletions
diff --git a/test/test-multiple-instances-es5.html b/test/test-multiple-instances-es5.html
new file mode 100644
index 0000000..b80fe44
--- /dev/null
+++ b/test/test-multiple-instances-es5.html
@@ -0,0 +1,76 @@
+<!doctype html>
+<html lang="en">
+
+ <head>
+ <meta charset="utf-8">
+
+ <title>reveal.js - Test Iframes</title>
+
+ <link rel="stylesheet" href="../dist/reveal.css">
+ <link rel="stylesheet" href="qunit-2.5.0.css">
+ <script src="qunit-2.5.0.js"></script>
+ </head>
+
+ <body style="overflow: auto;">
+
+ <div id="qunit"></div>
+ <div id="qunit-fixture"></div>
+
+ <div class="deck1">
+ <div class="reveal" style="display: none;">
+ <div class="slides">
+ <section>1.1</section>
+ <section>1.2</section>
+ <section>1.3</section>
+ </div>
+ </div>
+ </div>
+
+ <div class="deck2">
+ <div class="reveal" style="display: none;">
+ <div class="slides">
+ <section>2.1</section>
+ <section>2.2</section>
+ <section>2.3</section>
+ </div>
+ </div>
+ </div>
+
+ <script src="../dist/reveal.es5.js"></script>
+ <script>
+
+ QUnit.module( 'Multiple reveal.js instances' );
+
+ let r1 = new Reveal( document.querySelector( '.deck1 .reveal' ), {
+ embedded: true,
+ keyboard: true
+ } );
+ r1.initialize();
+
+ let r2 = new Reveal( document.querySelector( '.deck2 .reveal' ), {
+ embedded: true,
+ keyboard: false
+ } );
+ r2.initialize();
+
+ QUnit.test( 'Can make independent changes', function( assert ) {
+
+ r1.slide(1);
+ r2.slide(2);
+ assert.strictEqual( r1.getCurrentSlide().textContent, '1.2' );
+ assert.strictEqual( r2.getCurrentSlide().textContent, '2.3' );
+
+ r2.toggleOverview( true );
+ assert.strictEqual( r1.isOverview(), false );
+ assert.strictEqual( r2.isOverview(), true );
+ r2.toggleOverview( false );
+
+ assert.strictEqual( r1.getConfig().keyboard, true );
+ assert.strictEqual( r2.getConfig().keyboard, false );
+
+ });
+
+ </script>
+
+ </body>
+</html>