Merge pull request #248 from gatsbyjs/test-html-metadata

Make HTML & md wrappers consistent + test html frontmatter

Author: KyleAMathews

lib/isomorphic/wrappers/html.js

@@ -12,9 +12,12 @@ module.exports = React.createClass({
   },
 
   render () {
-    const html = this.props.route.page.data.body
+    const post = this.props.route.page.data
     return (
-      <div dangerouslySetInnerHTML={{ __html: html }} />
+      <div>
+        <h1>{post.title}</h1>
+        <div dangerouslySetInnerHTML={{ __html: post.html }} />
+      </div>
     )
   },
 })

test/fixtures/static-wrappers/pages/html.html

@@ -1,2 +1,4 @@
-<h1>html</h1>
+<!--
+title: html
+-->
 <p>This is a page with the .html extension.</p>

test/integration/static-html-wrappers.js

@@ -22,7 +22,6 @@ test('md/index.html has an h1 that states file extention', async t => {
   const filePath = path.join(fixturePath, 'public', 'md', 'index.html')
   const $ = await dom(filePath)
 
-  // MD wrapper spits out an h1 tag. Shouldn't it be consistent with HTML
   const heading = $('h1').last()
   t.truthy(heading)
   const headingText = heading.text()