|
@@ -1,4 +1,12 @@
|
|
|
|
|
|
+// These tests expect the DOM to contain a presentation
|
|
|
+// with the following slide structure:
|
|
|
+//
|
|
|
+// 1
|
|
|
+// 2 - Three sub-slides
|
|
|
+// 3 - Three fragment elements
|
|
|
+// 4
|
|
|
+
|
|
|
|
|
|
Reveal.addEventListener( 'ready', function() {
|
|
|
|
|
@@ -114,13 +122,69 @@ Reveal.addEventListener( 'ready', function() {
|
|
|
deepEqual( Reveal.availableRoutes(), { left: false, up: false, down: false, right: true }, 'correct for first slide' );
|
|
|
});
|
|
|
|
|
|
+ test( 'Reveal.next', function() {
|
|
|
+ Reveal.slide( 0, 0 );
|
|
|
+
|
|
|
+ // Step through the vertical child slides
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 1, v: 0, f: undefined } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 1, v: 1, f: undefined } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 1, v: 2, f: undefined } );
|
|
|
+
|
|
|
+ // There's fragments on this slide
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 2, v: 0, f: 0 } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 2, v: 0, f: 1 } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 2, v: 0, f: 2 } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 2, v: 0, f: 3 } );
|
|
|
+
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 3, v: 0, f: undefined } );
|
|
|
+
|
|
|
+ // We're at the end
|
|
|
+ Reveal.next();
|
|
|
+ deepEqual( Reveal.getIndices(), { h: 3, v: 0, f: undefined } );
|
|
|
+ });
|
|
|
+
|
|
|
|
|
|
// ---------------------------------------------------------------
|
|
|
// TODO: FRAGMENT TESTS
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------
|
|
|
- // TODO: CONFIGURATION VALUES
|
|
|
+ // CONFIGURATION VALUES
|
|
|
+
|
|
|
+ QUnit.module( 'Configuration' );
|
|
|
+
|
|
|
+ test( 'Controls', function() {
|
|
|
+ var controlsElement = document.querySelector( '.reveal>.controls' );
|
|
|
+
|
|
|
+ Reveal.configure({ controls: false });
|
|
|
+ equal( controlsElement.style.display, 'none', 'controls are hidden' );
|
|
|
+
|
|
|
+ Reveal.configure({ controls: true });
|
|
|
+ equal( controlsElement.style.display, 'block', 'controls are visible' );
|
|
|
+ });
|
|
|
+
|
|
|
+ test( 'Progress', function() {
|
|
|
+ var progressElement = document.querySelector( '.reveal>.progress' );
|
|
|
+
|
|
|
+ Reveal.configure({ progress: false });
|
|
|
+ equal( progressElement.style.display, 'none', 'progress are hidden' );
|
|
|
+
|
|
|
+ Reveal.configure({ progress: true });
|
|
|
+ equal( progressElement.style.display, 'block', 'progress are visible' );
|
|
|
+ });
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------
|