tests for HTML block support (evilstreak#34)

- tests for @marijnh's HTML block commit
- support self-closing HTML tags
- default to code blocks where indented

Author: dtao

lib/markdown.js

@@ -302,6 +302,11 @@ Markdown.dialects = {};
  **/
 Markdown.dialects.Gruber = {
   block: {
+    htmlBlock: function htmlBlock( block, next ) {
+      if ( block.match( /^<\w/ ) && block.match( /\/>\s*$|<\/\s*\w+\s*>\s*$/ ) )
+        return [["__RAW", block.toString()]];
+    },
+
     atxHeader: function atxHeader( block, next ) {
       var m = block.match( /^(#{1,6})\s*(.*?)\s*#*\s*(?:\n|$)/ );
 
@@ -1414,6 +1419,10 @@ function render_tree( jsonml ) {
     return escapeHTML( jsonml );
   }
 
+  if ( jsonml[0] == "__RAW" ) {
+    return jsonml[1];
+  }
+
   var tag = jsonml.shift(),
       attributes = {},
       content = [];

test/features.t.js

@@ -63,6 +63,7 @@ dialects.Gruber = [
   "emphasis",
   "headers",
   "horizontal_rules",
+  "html_blocks",
   "images",
   "linebreaks",
   "links",

test/features/code/html_block.json

@@ -0,0 +1,8 @@
+["html",
+  ["p", "This should not render as a block since it's indented (code):"],
+  ["pre",
+    ["code",
+      "<div>This should be escaped as HTML code.</div>"
+    ]
+  ]
+]

test/features/code/html_block.text

@@ -0,0 +1,3 @@
+This should not render as a block since it's indented (code):
+
+    <div>This should be escaped as HTML code.</div>

test/features/html_blocks/html_block.json

@@ -0,0 +1,6 @@
+["html",
+  ["p", "The following is an HTML block:"],
+  ["__RAW",
+    "<div class=\"html-block\">I am an HTML block.</div>"
+  ]
+]

test/features/html_blocks/html_block.text

@@ -0,0 +1,3 @@
+The following is an HTML block:
+
+<div class="html-block">I am an HTML block.</div>

test/features/html_blocks/self_closing.json

@@ -0,0 +1,6 @@
+["html",
+  ["p", "The following is a self-closing HTML block:"],
+  ["__RAW",
+    "<img src=\"self-closing-html-block.jpg\" />"
+  ]
+]

test/features/html_blocks/self_closing.text

@@ -0,0 +1,3 @@
+The following is a self-closing HTML block:
+
+<img src="self-closing-html-block.jpg" />