Create test for HTML to DOM parser

remarkablemark · remarkablemark · commit 457f25844ff5 · 2016-08-19T18:46:15.000-04:00
- Verify that recreated helper works exactly like htmlparser2's `parseDOM` - Create mock data (HTML) - Use `util.inspect` in tests to handle circular references: https://nodejs.org/api/util.html#util_util_inspect_object_options - Add npm test script - Add `mocha` to devDependencies.
diff --git a/package.json b/package.json
@@ -3,6 +3,9 @@
   "version": "0.0.1",
   "description": "Convert HTML string to React elements.",
   "author": "Mark <mark@remarkablemark.org>",
+  "scripts": {
+    "test": "mocha"
+  },
   "keywords": [
     "html",
     "react",
@@ -14,5 +17,8 @@
     "domhandler": "^2.3.0",
     "htmlparser2": "^3.9.1"
   },
+  "devDependencies": {
+    "mocha": "^3.0.2"
+  },
   "license": "MIT"
 }
diff --git a/test/data.json b/test/data.json
@@ -0,0 +1,5 @@
+{
+  "html": {
+    "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/html-to-dom.js b/test/html-to-dom.js
@@ -0,0 +1,26 @@
+'use strict';
+
+/**
+ * Module dependencies.
+ */
+var assert = require('assert');
+var util = require('util');
+var parseDOM = require('../lib/html-to-dom');
+var htmlparser = require('htmlparser2');
+var data = require('./data');
+
+/**
+ * Tests for `parseDOM`.
+ */
+describe('html-to-dom parser', function() {
+
+    it('works the same as `require("htmlparser2").parseDOM`', function() {
+        var html = data.html.complex;
+        // use `util.inspect` to resolve circular references
+        assert.equal(
+            util.inspect(parseDOM(html), { showHidden: true, depth: null }),
+            util.inspect(htmlparser.parseDOM(html), { showHidden: true, depth: null })
+        );
+    });
+
+});

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +  "html": {
 +    "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>"
 +  }
 +}