feat: allow 'root' to be specified when creating a component constructor

- if specified, component will be mounted after init
- add tests

dist/moon.js

@@ -2044,6 +2044,7 @@
         if(componentOptions === undefined) {
           this.insert = [];
         } else {
+          var root = componentOptions.root;
           var props = componentOptions.props;
           this.insert = componentOptions.insert;
 
@@ -2052,6 +2053,10 @@
               this$1.data[prop] = props[prop];
             }
           }
+
+          if(root !== undefined) {
+            this.mount(root);
+          }
         }
       }
 

src/global/api.js

@@ -85,6 +85,7 @@ Moon.component = function(name, options) {
     if(componentOptions === undefined) {
       this.insert = [];
     } else {
+      const root = componentOptions.root;
       const props = componentOptions.props;
       this.insert = componentOptions.insert;
 
@@ -93,6 +94,10 @@ Moon.component = function(name, options) {
           this.data[prop] = props[prop];
         }
       }
+
+      if(root !== undefined) {
+        this.mount(root);
+      }
     }
   }
 

test/core/component/component.js

@@ -1,9 +1,31 @@
 describe("Component", function() {
+  var componentConstructor = Moon.component("const", {template: "<div>Hello Moon!</div>"});
+
   it("should create a constructor", function() {
-    var componentConstructor = Moon.component("const", {template: "<div></div>"});
     expect(new componentConstructor()).to.be.an.instanceof(Moon);
   });
 
+  it("should create a constructor that can mount to an element", function() {
+    var root = createTestElement("componentConstructorMount", "");
+    new componentConstructor({
+      root: root
+    });
+
+    return wait(function() {
+      expect(root.firstChild.textContent).to.equal("Hello Moon!");
+    });
+  });
+
+  it("should create a constructor that can mount to an element manually", function() {
+    var root = createTestElement("componentConstructorMountManual", "");
+    var instance = new componentConstructor();
+    instance.mount(root);
+
+    return wait(function() {
+      expect(root.firstChild.textContent).to.equal("Hello Moon!");
+    });
+  });
+
   it("should render HTML", function() {
     var component = createTestElement("component", "<component></component>");