add tests for updating the default insertion

kbrsh · Sep 29, 2017 · 517f30d · 517f30d
1 parent cb518d1
commit 517f30d
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/test/core/component/component.js b/test/core/component/component.js
@@ -219,25 +219,32 @@ describe("Component", function() {
   });
 
   describe("Insertion", function() {
-    it("should render the default insertion", function() {
-      var defaultInsertion = createTestElement("componentDefaultInsertion", "<component-default-insertion>Hello Moon!</component-default-insertion>");
+    Moon.extend("component-default-insertion", {
+      template: "<h1><m-insert></m-insert></h1>"
+    });
 
-      Moon.extend("component-default-insertion", {
-        template: "<h1><m-insert></m-insert></h1>"
-      });
+    var defaultInsertion = createTestElement("componentDefaultInsertion", "<component-default-insertion>{{msg}}</component-default-insertion>");
 
-      new Moon({
-        root: "#componentDefaultInsertion"
-      });
+    var app = new Moon({
+      root: "#componentDefaultInsertion",
+      data: {
+        msg: "Hello Moon!"
+      }
+    });
 
+    it("should render the default insertion", function() {
       return wait(function() {
         expect(defaultInsertion.firstChild.nodeName.toLowerCase()).to.equal("h1");
         expect(defaultInsertion.firstChild.innerHTML).to.equal("Hello Moon!");
       });
     });
 
     it("should update the default insertion", function() {
-
+      app.set("msg", "Changed");
+      return wait(function() {
+        expect(defaultInsertion.firstChild.nodeName.toLowerCase()).to.equal("h1");
+        expect(defaultInsertion.firstChild.innerHTML).to.equal("Changed");
+      });
     });
 
     // it("should render a named slot", function() {
@@ -360,7 +367,7 @@ describe("Component", function() {
         button.click();
 
         Moon.nextTick(function() {
-          expect(eventCalled).to.be['true'];
+          expect(eventCalled).to.be["true"];
           expect(p.innerHTML).to.equal("1");
           expect(h1.innerHTML).to.equal("1");