Create test for DOM to React parser

remarkablemark · remarkablemark · commit a18f35349ee9 · 2016-08-19T18:48:00.000-04:00
Check that converting a single DOM node to React works as expected.
diff --git a/test/data.json b/test/data.json
@@ -1,5 +1,6 @@
 {
   "html": {
+    "single": "<p>foo</p>",
     "complex": "<html><head><title>Title</title></head><body><header id=\"header\">Header</header><h1>Heading</h1><p>Paragraph</p><div class=\"class1 class2\">Some <em>text</em>.</div><script>alert();</script></body></html>"
   }
 }
diff --git a/test/dom-to-react.js b/test/dom-to-react.js
@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * Module dependencies.
+ */
+var assert = require('assert');
+var React = require('react');
+var htmlToDOM = require('../lib/html-to-dom');
+var domToReact = require('../lib/dom-to-react');
+var data = require('./data');
+
+/**
+ * Tests for `domToReact`.
+ */
+describe('dom-to-react parser', function() {
+
+    it('converts single DOM node to React', function() {
+        var html = data.html.single;
+        var reactElement = domToReact(htmlToDOM(html));
+        assert(React.isValidElement(reactElement));
+        assert.deepEqual(
+            reactElement,
+            React.createElement('p', {}, 'foo')
+        );
+    });
+
+});

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"html": {`
	`3`	`+ "single": "<p>foo</p>",`
`3`	`4`	`"complex": "<html><head><title>Title</title></head><body><header id=\"header\">Header</header><h1>Heading</h1><p>Paragraph</p><div class=\"class1 class2\">Some <em>text</em>.</div><script>alert();</script></body></html>"`
`4`	`5`	`}`
`5`	`6`	`}`