| OLD | NEW |
| 1 <sky> | 1 <sky> |
| 2 <import src="/sky/tests//resources/chai.sky" /> | 2 <import src="/sky/tests//resources/chai.sky" /> |
| 3 <import src="/sky/tests/resources/mocha.sky" /> | 3 <import src="/sky/tests/resources/mocha.sky" /> |
| 4 <import src="/sky/tests/resources/test-element.sky" as="TestElement" /> | 4 <import src="/sky/tests/resources/test-element.sky" as="TestElement" /> |
| 5 | 5 |
| 6 <div id="sandbox"></div> | 6 <div id="sandbox"></div> |
| 7 | 7 |
| 8 <test-element id="parser-element" checked="true" size="10" name="foo bar" /> | 8 <test-element id="parser-element" checked="true" size="10" name="foo bar" /> |
| 9 | 9 |
| 10 <script> | 10 <script> |
| (...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 113 assert.isTrue(isNaN(element.size)); | 113 assert.isTrue(isNaN(element.size)); |
| 114 element.size = {}; | 114 element.size = {}; |
| 115 assert.isTrue(isNaN(element.size)); | 115 assert.isTrue(isNaN(element.size)); |
| 116 }); | 116 }); |
| 117 | 117 |
| 118 it("should connect data binding", function(done) { | 118 it("should connect data binding", function(done) { |
| 119 sandbox.appendChild(element); | 119 sandbox.appendChild(element); |
| 120 var inside = element.shadowRoot.getElementById("inside"); | 120 var inside = element.shadowRoot.getElementById("inside"); |
| 121 Promise.resolve().then(function() { | 121 Promise.resolve().then(function() { |
| 122 assert.equal(inside.textContent, 10); | 122 assert.equal(inside.textContent, 10); |
| 123 assert.equal(inside.attr, 10); | 123 assert.equal(inside.lang, 10); |
| 124 element.value = 20; | 124 element.value = 20; |
| 125 }).then(function() { | 125 }).then(function() { |
| 126 assert.equal(inside.textContent, 20); | 126 assert.equal(inside.textContent, 20); |
| 127 assert.equal(inside.attr, 20); | 127 assert.equal(inside.lang, 20); |
| 128 done(); | 128 done(); |
| 129 }).catch(function(e) { | 129 }).catch(function(e) { |
| 130 done(e); | 130 done(e); |
| 131 }); | 131 }); |
| 132 }); | 132 }); |
| 133 | 133 |
| 134 it("should connect event handlers", function() { | 134 it("should connect event handlers", function() { |
| 135 sandbox.appendChild(element); | 135 sandbox.appendChild(element); |
| 136 var inside = element.shadowRoot.getElementById("inside"); | 136 var inside = element.shadowRoot.getElementById("inside"); |
| 137 inside.dispatchEvent(new CustomEvent("wrong-event")); | 137 inside.dispatchEvent(new CustomEvent("wrong-event")); |
| 138 assert.isNull(element.lastEvent); | 138 assert.isNull(element.lastEvent); |
| 139 var event = new CustomEvent("test-event"); | 139 var event = new CustomEvent("test-event"); |
| 140 inside.dispatchEvent(event); | 140 inside.dispatchEvent(event); |
| 141 assert.equal(element.lastEvent, event); | 141 assert.equal(element.lastEvent, event); |
| 142 }); | 142 }); |
| 143 | 143 |
| 144 it("should call shadowRootReady after creating the template instance", functio
n() { | 144 it("should call shadowRootReady after creating the template instance", functio
n() { |
| 145 assert.equal(element.shadowRootReadyCount, 0); | 145 assert.equal(element.shadowRootReadyCount, 0); |
| 146 sandbox.appendChild(element); | 146 sandbox.appendChild(element); |
| 147 assert.equal(element.shadowRootReadyCount, 1); | 147 assert.equal(element.shadowRootReadyCount, 1); |
| 148 element.remove(); | 148 element.remove(); |
| 149 sandbox.appendChild(element); | 149 sandbox.appendChild(element); |
| 150 assert.equal(element.shadowRootReadyCount, 1); | 150 assert.equal(element.shadowRootReadyCount, 1); |
| 151 }); | 151 }); |
| 152 }); | 152 }); |
| 153 </script> | 153 </script> |
| 154 </sky> | 154 </sky> |
| OLD | NEW |