Add styles with nested elements

1 files changed, 14 insertions, 0 deletions

diff --git a/tests/documents.tests.js b/tests/documents.tests.js
index b9fe15a..629e0da 100644
--- a/tests/documents.tests.js
+++ b/tests/documents.tests.js
@@ -51,6 +51,20 @@ describe('DocumentConverter', function() {
             assert.equal("<h1>Hello.</h1>", result.html);
         });
     });
+    
+    test('can use stacked styles to generate nested HTML elements', function() {
+        var document = new documents.Document([
+            paragraphOfText("Hello.", "Heading1")
+        ]);
+        var converter = new DocumentConverter({
+            paragraphStyleMap: {
+                "Heading1": styles.elements(["h1", "span"])
+            }
+        });
+        return converter.convertToHtml(document).then(function(result) {
+            assert.equal("<h1><span>Hello.</span></h1>", result.html);
+        });
+    });
 });
 
 function paragraphOfText(text, styleName) {