Merge pull request #48 from marp-team/apply-class-on-pseudo-layer

Bugfix: Pass class attribute to pseudo section on advanced background
marp-team · Aug 8, 2018 · a6d2bc1 · a6d2bc1
2 parents 1268bdb + f864e31
commit a6d2bc1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## [Unreleased]
 
+- Bugfix: Pass `class` attribute to pseudo section on advanced background ([#48](https://github.com/marp-team/marpit/pull/48))
+
 ## v0.0.10 - 2018-08-05
 
 - **[BREAKING]** Improve appending/prepending style on `ThemeSet#pack` ([#47](https://github.com/marp-team/marpit/pull/47))

diff --git a/src/markdown/background_image.js b/src/markdown/background_image.js
@@ -214,6 +214,7 @@ function backgroundImage(md) {
               },
               wrapTokens('marpit_advanced_pseudo_section', {
                 tag: 'section',
+                class: open.attrGet('class'),
                 style: style.toString(),
                 'data-marpit-advanced-background': 'pseudo',
                 'data-marpit-pagination': open.attrGet(

diff --git a/test/markdown/background_image.js b/test/markdown/background_image.js
@@ -299,8 +299,12 @@ describe('Marpit background image plugin', () => {
       })
     })
 
-    context('with paginate directive', () => {
-      const $ = $load(mdSVG().render('<!-- paginate: true -->\n\n![bg](test)'))
+    context('with paginate and class directive', () => {
+      const $ = $load(
+        mdSVG().render(
+          '---\npaginate: true\nclass: pseudo layer\n---\n\n![bg](test)'
+        )
+      )
 
       it('assigns data-marpit-pagination attribute to pseudo layer', () => {
         const foreignObjects = $('svg > foreignObject')
@@ -312,7 +316,9 @@ describe('Marpit background image plugin', () => {
         )
 
         expect(
-          pseudoFO.find('> section').is('[data-marpit-pagination="1"]')
+          pseudoFO
+            .find('> section.pseudo.layer')
+            .is('[data-marpit-pagination="1"]')
         ).toBe(true)
       })
     })