link host/shadowroot data

rijs · Nov 25, 2015 · 8d0c297 · 8d0c297
1 parent fe5618b
commit 8d0c297
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/dist/index.js b/dist/index.js
@@ -22,7 +22,7 @@ function shadow(ripple) {
   var render = ripple.render;
 
   ripple.render = function (el) {
-    el.createShadowRoot ? !el.shadowRoot && el.createShadowRoot() && reflect(el) : (el.shadowRoot = el, el.shadowRoot.host = el);
+    el.createShadowRoot ? (!el.shadowRoot && el.createShadowRoot() && reflect(el), el.shadowRoot.__data__ = el.__data__) : (el.shadowRoot = el, el.shadowRoot.host = el);
 
     return render(el);
   };

diff --git a/src/index.js b/src/index.js
@@ -9,9 +9,10 @@ export default function shadow(ripple){
 
   ripple.render = function(el){
     el.createShadowRoot 
-      ? (!el.shadowRoot && el.createShadowRoot() && reflect(el))
+      ? (!el.shadowRoot && el.createShadowRoot() && reflect(el)
+        , el.shadowRoot.__data__ = el.__data__)
       : ( el.shadowRoot = el
-        , el.shadowRoot.host = el)
+        , el.shadowRoot.host = el)    
 
     return render(el)
   }

diff --git a/test.js b/test.js
@@ -32,7 +32,8 @@ describe('Shadow DOM', function(){
 
     ripple('component-1', component)
     ripple('component-2', component)
-    ripple.draw()
+    ripple.render(el1)
+    ripple.render(el2)
 
     expect(el1.shadowRoot.innerHTML).to.be.eql('foo')
     expect(el1).to.be.equal(el1.shadowRoot.host)
@@ -42,9 +43,23 @@ describe('Shadow DOM', function(){
     var ripple = shadow(components(fn(data(core()))))
 
     ripple('component-2', noop)
-    ripple.draw()
+    ripple.render(el1)
+    ripple.render(el2)
 
     expect(el2.shadowRoot.innerHTML).to.be.eql('fallback')
   })
 
+  it('should close gap between host data and shadowRoot data', function(){  
+    var ripple = shadow(components(fn(data(core()))))
+
+    ripple('component-2', noop)
+
+    el2.__data__ = { foo: 'bar' }
+
+    ripple.render(el1)
+    ripple.render(el2)
+
+    expect(el2.shadowRoot.__data__).to.be.eql(el2.__data__)
+  })
+
 })