Add temporary workaround for SimpleDOM

The current parseHTML implementation requires some DOM APIs not
implemented in SimpleDOM. This commit adds a temporary workaround
to support using SimpleDOM on the server.

In the future, we will move towards using `insertAdjacentHTML` and
`innerHTML=` as the main APIs and remove the need of `parseHTML`
altogether.

This commit also reverts a previous commit that introduced the
`setMorphHTML` method, which does exactly what `Morph#setHTML`
does.

Author: chancancode

package.json

@@ -44,8 +44,9 @@
     "emberjs-build": "0.2.1",
     "git-repo-version": "^0.1.2",
     "handlebars": "^3.0.2",
-    "morph-range": "0.2.5",
+    "morph-range": "0.3.0",
     "qunit": "^0.7.2",
-    "rsvp": "~3.0.6"
+    "rsvp": "~3.0.6",
+    "simple-dom": "~0.2.4"
   }
 }

packages/dom-helper/lib/main.js

@@ -519,11 +519,23 @@ prototype.insertBoundary = function(fragment, index) {
   this.insertBefore(fragment, this.createTextNode(''), child);
 };
 
-prototype.setMorphHTML = function(morph, html) {
-  morph.setHTML(html);
+// We plan to remove this eventually, and move to using `setInnerHTML`
+// and `insertAdjacentHTML` as the main APIs, so please try not to
+// introduce new usage if it can be avoided.
+prototype.parseHTML = function(html, contextualElement) {
+  if (typeof this.document.createRawHTMLSection === 'function') {
+    // Temporary workaround to support SimpleDOM in node
+    return this._createRawHTMLSection(html);
+  }
+
+  return this._createDocumentFragmentFromHTML(html, contextualElement);
 };
 
-prototype.parseHTML = function(html, contextualElement) {
+prototype._createRawHTMLSection = function(html) {
+  return this.document.createRawHTMLSection(html);
+};
+
+prototype._createDocumentFragmentFromHTML = function(html, contextualElement) {
   var childNodes;
 
   if (interiorNamespace(contextualElement) === svgNamespace) {

packages/dom-helper/tests/dom-helper-node-test.js

@@ -1,5 +1,9 @@
+/*globals require*/
+
 import DOMHelper from "../dom-helper";
 
+var SimpleDOM = require('simple-dom');
+
 var dom;
 
 QUnit.module('DOM Helper (Node)', {
@@ -34,3 +38,27 @@ test('it instantiates with a stub document', function(){
   var createdElement = dom.createElement('div');
   equal(createdElement, element, 'dom helper calls passed stub');
 });
+
+QUnit.module('DOM Helper (Integration: SimpleDOM)', {
+  afterEach: function() {
+    dom = null;
+  }
+});
+
+test('it instantiates with a SimpleDOM document', function(){
+  var doc = new SimpleDOM.Document();
+  dom = new DOMHelper(doc);
+  ok(dom, 'dom helper can instantiate');
+  var createdElement = dom.createElement('div');
+  equal(createdElement.tagName, 'DIV', 'dom helper calls passed stub');
+});
+
+test('it does not parse HTML', function(){
+  var doc = new SimpleDOM.Document();
+  dom = new DOMHelper(doc);
+  ok(dom, 'dom helper can instantiate');
+  var parsed = dom.parseHTML('<div>Hello</div>');
+  equal(parsed.nodeType, -1, 'parseHTML creates a RawHTMLSection');
+  equal(parsed.nodeName, '#raw-html-section', 'parseHTML creates a RawHTMLSection');
+  equal(parsed.nodeValue, '<div>Hello</div>', 'parseHTML creates a RawHTMLSection');
+});