From cec165f96813da524e4909b4e547fa3afdfdee7a Mon Sep 17 00:00:00 2001
From: Kabir Shah <simplecooldude1@gmail.com>
Date: Mon, 13 Feb 2017 20:57:18 -0800
Subject: [PATCH] add functional component test

---
 test/js/test.js | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/test/js/test.js b/test/js/test.js
index 512b78e8..840c89ec 100644
--- a/test/js/test.js
+++ b/test/js/test.js
@@ -444,6 +444,49 @@ describe('Custom Render', function() {
     });
 });
 
+describe('Functional Component', function() {
+    createTestElement("functional", '<functional-component someprop="{{parentMsg}}"></functional-component><slot-functional-component>Default Slot Content</slot-functional-component>');
+    Moon.component('functional-component', {
+      functional: true,
+      props: ['someprop'],
+      render: function(h, ctx) {
+        return h("h1", {class: "functionalComponent"}, null, ctx.data.someprop);
+      }
+    });
+    Moon.component('slot-functional-component', {
+      functional: true,
+      render: function(h, ctx) {
+        return h("h1", {class: "functionalSlotComponent"}, null, ctx.slots.default);
+      }
+    });
+    var functionalApp = new Moon({
+      el: "#functional",
+      data: {
+        parentMsg: "Hello Moon!"
+      }
+    });
+    it('should render HTML', function() {
+      expect(document.getElementsByClassName("functionalComponent")).to.not.be.null;
+    });
+    it('should render with props', function() {
+      expect(document.getElementsByClassName("functionalComponent")[0].innerHTML).to.equal("Hello Moon!");
+    });
+    it('should render when updated', function() {
+      functionalApp.set('parentMsg', 'Changed');
+      Moon.nextTick(function() {
+        expect(document.getElementsByClassName("functionalComponent")[0].innerHTML).to.equal("Changed");
+      });
+    });
+
+    describe("Slots", function() {
+      it('should render the default slot', function() {
+        Moon.nextTick(function() {
+          expect(document.getElementsByClassName("functionalSlotComponent")[0].innerHTML).to.equal("Default Slot Content");
+        });
+      });
+    });
+});
+
 
 // describe('Component', function() {
 //     createTestElement("component", '<my-component componentprop="{{parentMsg}}"></my-component>');