#390: Add remark-slide-incremental CSS class to incremental slides.

gnab · Nov 13, 2016 · 2951555 · 2951555
1 parent bb0aab3
commit 2951555
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/src/remark/views/slideView.js b/src/remark/views/slideView.js
@@ -67,8 +67,7 @@ SlideView.prototype.configureElements = function () {
   self.scalingElement = document.createElement('div');
   self.scalingElement.className = 'remark-slide-scaler';
 
-  self.element = document.createElement('div');
-  self.element.className = 'remark-slide';
+  self.element = createSlideElement(self.slide);
 
   self.contentElement = createContentElement(self.events, self.slideshow, self.slide);
   self.notesElement = createNotesElement(self.slideshow, self.slide.notes);
@@ -135,6 +134,17 @@ SlideView.prototype.scaleBackgroundImage = function (dimensions) {
   }
 };
 
+function createSlideElement(slide) {
+  var element = document.createElement('div');
+  element.className = 'remark-slide';
+
+  if (slide.properties.continued === 'true') {
+    utils.addClass(element, 'remark-slide-incremental');
+  }
+
+  return element;
+}
+
 function createContentElement (events, slideshow, slide) {
   var element = document.createElement('div');
 

diff --git a/test/remark/views/slideView_test.js b/test/remark/views/slideView_test.js
@@ -96,6 +96,19 @@ describe('SlideView', function () {
       classes.should.containEql('middle');
       classes.should.containEql('center');
     });
+
+    it('should set remark-slide-incremental class for incremental slides', function () {
+      var slide = new Slide(2, {
+            source: '',
+            properties: {'continued': 'true'}
+          });
+
+      slideshow.slides.push(slide);
+      var slideView = new SlideView(new EventEmitter(), slideshow, scaler, slide);
+      var classes = utils.getClasses(slideView.element)
+
+      classes.should.containEql('remark-slide-incremental');
+    });
   });
 
   describe('empty paragraph removal', function () {